@font-face{font-family:'JetBrains Mono';src:local('JetBrains Mono'),local('Consolas'),local('Monaco'),local('Courier New'),local('monospace');font-display:swap}
:root{--radius:0.625rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--background:#131313;--foreground:oklch(0.985 0 0);--card:#131313;--card-header:#1b1b1b;--card-foreground:oklch(0.985 0 0);--secondary:oklch(0.1448 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:#ff543a;--border:oklch(1 0 0 / 10%);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(1 0 0 / 10%);--strong-accent:#ff543a;--safe-area-inset-top:env(safe-area-inset-top,0);--safe-area-inset-bottom:env(safe-area-inset-bottom,0);--safe-area-inset-left:env(safe-area-inset-left,0);--safe-area-inset-right:env(safe-area-inset-right,0)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch}
body{overflow-x:hidden;overflow-y:auto;width:100%;min-height:100%;position:relative;overscroll-behavior-y:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;background-color:var(--background);background-image:linear-gradient(to right,#262626 1px,transparent 1px),linear-gradient(to bottom,#262626 1px,transparent 1px);background-size:20px 20px;color:var(--foreground);min-height:100dvh;font-family:'JetBrains Mono','Consolas','Monaco','Courier New',monospace;font-size:14px;line-height:1.5;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}
.container{display:flex;min-height:100dvh;flex-direction:column}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:150;opacity:0;transition:opacity 0.3s ease}
.sidebar{width:14rem;background:var(--sidebar);border-right:1px solid var(--sidebar-border);padding:0.5rem 0;position:fixed;inset-y:0;left:0;height:100dvh;overflow-y:auto;z-index:200;color:var(--sidebar-foreground);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}
.sidebar-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0.5rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;transition:background 0.2s ease}
.sidebar-trigger:hover{background:var(--accent)}
.sidebar-trigger-icon{display:block;width:20px;height:14px;background:linear-gradient(to bottom,currentColor 0,currentColor 2px,transparent 2px,transparent 6px,currentColor 6px,currentColor 8px,transparent 8px,transparent 12px,currentColor 12px,currentColor 14px);background-repeat:no-repeat;background-position:0 0}
.logo{display:flex;align-items:center;padding:0 var(--space-2) var(--space-6) var(--space-2);border-bottom:1px solid var(--sidebar-border);margin-bottom:var(--space-4)}
.logo-icon{width:20px;height:20px;background:var(--strong-accent);border-radius:3px;margin-right:0.75rem;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:12px}
.logo-text{color:var(--sidebar-foreground);font-weight:600;font-size:16px}
.nav-section{margin-bottom:var(--space-6);padding:0 var(--space-2)}
.nav-item{display:flex;align-items:center;padding:var(--space-2) var(--space-3);color:var(--sidebar-foreground);text-decoration:none;transition:all 0.2s ease;font-size:14px;border-radius:0.375rem;margin-bottom:var(--space-1)}
.nav-item:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}
.nav-item.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:500}
.nav-icon{width:16px;height:16px;margin-right:0.5rem;opacity:0.7;font-size:14px}
.main-content{flex:1;margin-left:0;padding:var(--space-6);padding-bottom:var(--space-8);max-width:100%;scrollbar-width:thin;scrollbar-gutter:stable}
.main-content>:not(:first-child):not(#terminal-overlay){margin-top:var(--space-8)}
.header{display:flex;gap:var(--space-3);justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap}
.header-title{font-size:24px;font-weight:600;color:var(--foreground)}
.header-actions{display:flex;gap:var(--space-4);align-items:center}
.btn{padding:var(--space-2) var(--space-4);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--secondary);border:1px solid var(--border);color:var(--secondary-foreground);text-decoration:none;font-family:inherit;font-size:14px;cursor:pointer;transition:all 0.2s ease;border-radius:0.375rem}
.btn-top{margin-top:var(--space-4)}
.btn:hover{background:var(--accent);color:var(--accent-foreground)}
.btn-primary{background:var(--strong-accent);border-color:var(--strong-accent);color:white}
.btn-primary:hover{background:var(--destructive);border-color:var(--destructive)}
.grid{display:grid;gap:var(--space-6)}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.card{background:var(--card);color:var(--card-foreground);position:relative;display:flex;flex-direction:column;gap:0;border:2px solid var(--border);padding:0;box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1)}
.card>span[class^="corner"]{position:absolute;background:rgba(255,255,255,0.8);z-index:10;pointer-events:none}
.card .corner-tl{top:-0.125rem;left:-0.125rem;height:1rem;width:0.125rem}
.card .corner-tl::after{content:'';position:absolute;top:0;left:0;height:0.125rem;width:1rem;background:rgba(255,255,255,0.8)}
.card .corner-tr{top:-0.125rem;right:-0.125rem;height:1rem;width:0.125rem}
.card .corner-tr::after{content:'';position:absolute;top:0;right:0;height:0.125rem;width:1rem;background:rgba(255,255,255,0.8)}
.card .corner-bl{bottom:-0.125rem;left:-0.125rem;height:1rem;width:0.125rem}
.card .corner-bl::after{content:'';position:absolute;bottom:0;left:0;height:0.125rem;width:1rem;background:rgba(255,255,255,0.8)}
.card .corner-br{bottom:-0.125rem;right:-0.125rem;height:1rem;width:0.125rem}
.card .corner-br::after{content:'';position:absolute;bottom:0;right:0;height:0.125rem;width:1rem;background:rgba(255,255,255,0.8)}
.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--card-header)}
.card-title{font-size:16px;font-weight:600;color:var(--card-foreground);display:flex;align-items:center;gap:var(--space-2)}
.card-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}
.card-body p{margin:0}
.status-dot{width:8px;height:8px;border-radius:50%;background:#39ff14;display:inline-block;margin-left:var(--space-2);animation:pulse 2s infinite}
.text-red{color:var(--strong-accent)}
.text-green{color:#39ff14}
.text-secondary{color:var(--muted-foreground)}
.ascii-art{font-family:'Courier New',monospace;white-space:pre;color:var(--strong-accent);font-size:12px;line-height:1.2;text-align:center;margin:0;overflow-x:auto}
.terminal-box{background:#000;border:1px solid var(--border);padding:var(--space-4);font-family:'Courier New',monospace;font-size:12px;color:#39ff14;position:relative}
.terminal-box::before{content:'$ ';color:var(--strong-accent)}
.service-list{list-style:none;margin:0;padding:0}
.service-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}
.service-list li:last-child{border-bottom:none;padding-bottom:0}
.service-name{color:var(--card-foreground);font-weight:500}
.service-status{font-size:12px;color:var(--muted-foreground)}
.terminal-modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:rgba(19,19,19,0.95);z-index:1000;display:none;justify-content:center;align-items:center;backdrop-filter:blur(10px);padding:var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}
.terminal-modal{width:min(650px,calc(100vw - 2rem));max-height:min(90vh,calc(100dvh - 2rem));overflow-y:auto;border:2px solid var(--border);background:var(--card);padding:var(--space-6);position:relative;font-family:'JetBrains Mono',monospace;color:var(--card-foreground);margin:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.modal-title{color:var(--strong-accent);font-family:'JetBrains Mono',monospace;margin:0;font-size:1rem}
.modal-success{color:#39ff14;font-family:'JetBrains Mono',monospace;margin:0;font-size:0.875rem}
.modal-contact-list{border-top:1px solid var(--border);padding-top:var(--space-6);margin:0}
.modal-service-list{list-style:none;margin:0;padding:0}
.modal-contact-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4)}
.modal-contact-row:last-child{border-bottom:none}
.modal-label{color:var(--card-foreground);font-weight:500}
.modal-value{font-size:12px;color:var(--muted-foreground)}
.close-terminal{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--strong-accent);cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:14px;border:1px solid var(--strong-accent);padding:var(--space-2) var(--space-3);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:all 0.2s ease;border-radius:0.25rem}
.close-terminal:hover,.close-terminal:focus{background:var(--strong-accent);color:white}
@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}
@media (min-width:769px){body{background-size:40px 40px}.main-content{margin-left:14rem;padding:var(--space-8);max-width:min(calc(100vw - 14rem),1280px)}}
@media (max-width:768px){body{background-size:20px 20px}.sidebar-trigger{display:flex}.sidebar{transform:translateX(-100%);width:min(18rem,85vw);max-width:18rem}body.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open .sidebar-overlay{display:block;opacity:1;pointer-events:auto}.sidebar-overlay{pointer-events:none}.main-content{padding:var(--space-4);padding-top:var(--space-4)}.main-content>:not(:first-child):not(#terminal-overlay){margin-top:var(--space-6)}.grid{gap:var(--space-4)}.grid-2,.grid-3{grid-template-columns:1fr}.header{gap:var(--space-2)}.card-header,.card-body{padding:var(--space-4)}.ascii-art{font-size:9px;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-item{min-height:44px;padding:var(--space-3)}.terminal-box{padding:var(--space-3)}.service-list li{padding:var(--space-2) 0}}
@media (max-width:480px){.main-content{padding:var(--space-3)}.main-content>:not(:first-child):not(#terminal-overlay){margin-top:var(--space-5)}.card-header,.card-body{padding:var(--space-3)}.ascii-art{font-size:7px;line-height:1.15}.header-title{font-size:18px}.grid{gap:var(--space-3)}.btn{padding:var(--space-2) var(--space-3);min-height:40px;min-width:auto;font-size:12px}.btn-top{margin-top:var(--space-3)}.terminal-modal{padding:var(--space-4)}.modal-contact-list{padding-top:var(--space-4)}.modal-contact-row{padding:var(--space-2) 0}}