*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0f1117;color:#fff}button{transition:all .18s ease;cursor:pointer}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.15);box-shadow:0 4px 14px #0000004d}button:active:not(:disabled){transform:translateY(0);filter:brightness(.95);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed}a{transition:all .18s ease}input:focus,textarea:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626;transition:all .18s ease}input,textarea{transition:border-color .18s ease,box-shadow .18s ease}.card-hover{transition:transform .18s ease,box-shadow .18s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f1117}::-webkit-scrollbar-thumb{background:#2a2d3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3b82f6}@keyframes pulse{0%{box-shadow:0 0 #10b981b3;opacity:1}60%{box-shadow:0 0 0 6px #10b98100;opacity:.85}to{box-shadow:0 0 #10b98100;opacity:1}}@keyframes pulseAmber{0%{box-shadow:0 0 #f59e0bb3}60%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes pulseBlue{0%{box-shadow:0 0 #3b82f6b3}60%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes urgentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}@keyframes pulseDot{0%,to{box-shadow:0 0 4px #10b981;opacity:1}50%{box-shadow:0 0 12px #10b981;opacity:.6}}@keyframes stepPopIn{0%{transform:scale(.6);opacity:.3}60%{transform:scale(1.25);opacity:1}to{transform:scale(1.12);opacity:1}}@keyframes stepDone{0%{transform:scale(1.12)}50%{transform:scale(.95)}to{transform:scale(1)}}tbody tr{transition:background .15s ease}tbody tr:hover{background:#3b82f60a}.ssx-shell{display:flex;min-height:100vh;background:#0f1117;font-family:Inter,sans-serif;position:relative}.ssx-sidebar{width:230px;background:#1a1d27;border-right:1px solid #2a2d3a;display:flex;flex-direction:column;padding:24px 0;position:fixed;height:100vh;z-index:200;transition:transform .26s cubic-bezier(.4,0,.2,1);overflow-y:auto}.ssx-main{margin-left:230px;flex:1;padding:32px;min-width:0;overflow-x:hidden}.ssx-hamburger{display:none;position:fixed;top:14px;left:14px;z-index:300;background:#1a1d27;border:1px solid #2a2d3a;color:#e5e7eb;border-radius:8px;width:40px;height:40px;font-size:20px;cursor:pointer;align-items:center;justify-content:center;line-height:1;padding:0;box-shadow:0 2px 12px #0006}.ssx-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:150;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ssx-overlay.open{display:block}.ssx-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.ssx-grid-5{display:grid;grid-template-columns:repeat(5,1fr)}.ssx-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.ssx-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.ssx-table-wrap::-webkit-scrollbar{height:4px}.ssx-table-wrap::-webkit-scrollbar-thumb{background:#2a2d3a;border-radius:2px}.ssx-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.ssx-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ssx-info-boxes{display:flex;gap:16px;margin-bottom:24px}.ssx-manual-add{display:flex;gap:10px;flex-wrap:wrap}.ssx-manual-add>input,.ssx-manual-add>select{flex:1;min-width:120px}.ssx-login-page{min-height:100vh;background:#0f1117;display:flex;align-items:center;justify-content:center;padding:20px}.ssx-login-card{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:40px 36px;width:100%;max-width:420px;box-shadow:0 20px 60px #0006}@media (max-width: 1023px){.ssx-sidebar{transform:translate(-100%);box-shadow:4px 0 24px #00000080}.ssx-sidebar.open{transform:translate(0)}.ssx-hamburger{display:flex}.ssx-main{margin-left:0;padding:72px 20px 24px}.ssx-grid-4{grid-template-columns:repeat(2,1fr)}.ssx-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.ssx-main{padding:68px 14px 14px}.ssx-grid-4,.ssx-grid-5{grid-template-columns:repeat(2,1fr)}.ssx-grid-2{grid-template-columns:1fr}.ssx-info-boxes,.ssx-page-header{flex-direction:column}.ssx-login-card{padding:28px 18px}}@media (max-width: 419px){.ssx-grid-4,.ssx-grid-5{grid-template-columns:1fr}}
