@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--twg-bg:#0a0a17;--twg-bg-alt:#100e24;--twg-panel:#16142e;--twg-panel-alt:#1c1a3a;--twg-teal:#35e8c9;--twg-teal-dim:#1f9b87;--twg-purple:#8b3ffc;--twg-purple-dim:#5b23a8;--twg-pink:#ff3ea8;--twg-orange:#ff9142;--twg-yellow:#ffd23f;--twg-ink:#f4f3ff;--twg-ink-dim:#b9b6d8;--twg-black:#050408;--twg-white:#fff;--twg-success:#35e8c9;--twg-warn:#ffd23f;--twg-danger:#ff3e6c;--twg-border-w:3px;--twg-border-w-lg:4px;--twg-shadow-off:6px;--twg-radius:0px;--twg-font-display:"Archivo Black", "Arial Black", "Segoe UI", sans-serif;--twg-font-body:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--twg-font-mono:"JetBrains Mono", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--twg-bg);color:var(--twg-ink);font-family:var(--twg-font-body);background-image:linear-gradient(#8b3ffc14 1px,#0000 1px),linear-gradient(90deg,#8b3ffc14 1px,#0000 1px);background-size:34px 34px;background-attachment:fixed;margin:0;font-size:15px;line-height:1.45}h1,h2,h3,h4{font-family:var(--twg-font-display);text-transform:uppercase;letter-spacing:.02em;margin:0 0 12px;line-height:1.1}a{color:var(--twg-teal)}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--twg-bg)}::-webkit-scrollbar-thumb{background:var(--twg-purple-dim);border:2px solid var(--twg-bg)}.twg-panel{background:var(--twg-panel);border:var(--twg-border-w) solid var(--twg-black);box-shadow:var(--twg-shadow-off) var(--twg-shadow-off) 0 0 var(--twg-purple)}.twg-card{background:var(--twg-panel);border:var(--twg-border-w) solid var(--twg-black);box-shadow:5px 5px 0 0 var(--twg-black);min-width:0;padding:18px;transition:transform 80ms,box-shadow 80ms}.twg-card--click{cursor:pointer}.twg-card--click:hover{box-shadow:8px 8px 0 0 var(--twg-teal);transform:translate(-2px,-2px)}.twg-card--click:active{box-shadow:3px 3px 0 0 var(--twg-teal);transform:translate(1px,1px)}.twg-btn{font-family:var(--twg-font-display);text-transform:uppercase;letter-spacing:.03em;background:var(--twg-teal);color:var(--twg-black);border:var(--twg-border-w) solid var(--twg-black);box-shadow:4px 4px 0 0 var(--twg-black);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.twg-btn:hover{box-shadow:5px 5px 0 0 var(--twg-black);transform:translate(-1px,-1px)}.twg-btn:active{box-shadow:1px 1px 0 0 var(--twg-black);transform:translate(2px,2px)}.twg-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:4px 4px 0 0 var(--twg-black);transform:none}.twg-btn--purple{background:var(--twg-purple);color:var(--twg-white)}.twg-btn--pink{background:var(--twg-pink);color:var(--twg-white)}.twg-btn--orange{background:var(--twg-orange);color:var(--twg-black)}.twg-btn--ghost{color:var(--twg-ink);box-shadow:none;border-color:var(--twg-ink-dim);background:0 0}.twg-btn--ghost:hover{box-shadow:3px 3px 0 0 var(--twg-ink-dim)}.twg-btn--danger{background:var(--twg-danger);color:var(--twg-white)}.twg-btn--sm{padding:8px 14px;font-size:11px}.twg-btn--full{width:100%}.twg-input,.twg-select,.twg-textarea{background:var(--twg-bg-alt);width:100%;color:var(--twg-ink);border:var(--twg-border-w) solid var(--twg-black);outline:none;padding:11px 12px;font-size:14px}.twg-input:focus,.twg-select:focus,.twg-textarea:focus{border-color:var(--twg-teal);box-shadow:3px 3px 0 0 var(--twg-teal)}.twg-textarea{resize:vertical;min-height:70px}.twg-label{font-family:var(--twg-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--twg-ink-dim);margin-bottom:6px;font-size:11px;display:block}.twg-field{margin-bottom:14px}.twg-badge{font-family:var(--twg-font-mono);text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--twg-black);background:var(--twg-ink-dim);color:var(--twg-black);align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.twg-badge--teal{background:var(--twg-teal)}.twg-badge--purple{background:var(--twg-purple);color:var(--twg-white)}.twg-badge--pink{background:var(--twg-pink);color:var(--twg-white)}.twg-badge--orange{background:var(--twg-orange)}.twg-badge--yellow{background:var(--twg-yellow)}.twg-badge--danger{background:var(--twg-danger);color:var(--twg-white)}.twg-badge--outline{color:var(--twg-ink);border-color:var(--twg-ink-dim);background:0 0}.twg-table{border-collapse:collapse;width:100%}.twg-table th{font-family:var(--twg-font-mono);text-transform:uppercase;letter-spacing:.05em;text-align:left;color:var(--twg-ink-dim);border-bottom:var(--twg-border-w) solid var(--twg-black);white-space:nowrap;padding:10px 12px;font-size:11px}.twg-table td{vertical-align:middle;border-bottom:1px solid #ffffff14;padding:12px}.twg-table tr:hover td{background:#ffffff08}.twg-modal-backdrop{z-index:100;background:#050408c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.twg-modal{background:var(--twg-panel);border:var(--twg-border-w-lg) solid var(--twg-black);box-shadow:10px 10px 0 0 var(--twg-purple);width:100%;max-width:640px;max-height:90vh;margin:auto;padding:26px;overflow-y:auto}.twg-empty{text-align:center;color:var(--twg-ink-dim);font-family:var(--twg-font-mono);text-transform:uppercase;letter-spacing:.04em;padding:50px 20px}.twg-grid{gap:16px;display:grid}.twg-grid--stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.twg-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.twg-chip{border:2px solid var(--twg-black);background:var(--twg-bg-alt);color:var(--twg-ink-dim);font-family:var(--twg-font-mono);text-transform:uppercase;cursor:pointer;letter-spacing:.03em;padding:6px 12px;font-size:12px;display:inline-block}.twg-chip.active{background:var(--twg-teal);color:var(--twg-black);font-weight:700}.twg-layout{min-height:100dvh;display:flex}.twg-sidebar{background:var(--twg-bg-alt);border-right:var(--twg-border-w) solid var(--twg-black);flex-direction:column;flex-shrink:0;width:230px;height:100dvh;display:flex;position:sticky;top:0}.twg-menu-btn{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:60;width:46px;height:46px;display:none;position:fixed;padding:4px!important}.twg-menu-btn img{object-fit:cover;width:100%;height:100%;display:block}.twg-main{min-width:0;padding:28px 30px;padding-left:max(30px, env(safe-area-inset-left));padding-right:max(30px, env(safe-area-inset-right));flex:1}.twg-sidebar-backdrop{display:none}.twg-dropdown-menu{top:calc(max(14px, env(safe-area-inset-top)) + 56px);right:max(14px, env(safe-area-inset-right));background:var(--twg-bg-alt);border:var(--twg-border-w-lg) solid var(--twg-black);width:220px;max-width:78vw;max-height:70vh;box-shadow:6px 6px 0 0 var(--twg-purple);z-index:62;padding:10px;display:none;position:fixed;overflow-y:auto}.twg-dropdown-menu.open{display:block}@media (width<=900px){.twg-sidebar{display:none}.twg-menu-btn{display:inline-flex}.twg-sidebar-backdrop.open{z-index:58;background:#05040880;display:block;position:fixed;inset:0}.twg-main{padding:84px 16px 24px}}@media (width<=480px){.twg-modal{padding:16px}.twg-modal-backdrop{padding:10px}h1{font-size:22px}.twg-grid--stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media print{body{background:#fff!important}.no-print{display:none!important}body:has(#invoice-print)>:not(.twg-invoice-overlay){display:none!important}.twg-invoice-overlay{background:#fff!important;position:absolute!important;inset:0!important}#invoice-print{box-shadow:none!important}}