:root{--bg-main: #0d0a08;--bg-soft: #14100c;--bg-panel-top: rgba(42, 35, 26, .94);--bg-panel-bottom: rgba(20, 16, 12, .96);--border-main: #5a472d;--border-soft: #4f412c;--border-strong: #816740;--gold-main: #f2d28c;--gold-soft: #f0d087;--gold-dim: #9b8459;--text-main: #e7d7b2;--text-soft: #b7a682;--text-dim: #8f7a52;--green-soft: #d6c36a;--red-soft: #d48e7e;--shadow-panel: inset 0 0 0 1px rgba(255,255,255,.02), 0 12px 30px rgba(0,0,0,.24), 0 0 0 1px rgba(0,0,0,.22);--shadow-gold: 0 0 0 1px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px rgba(242,210,140,.14);--shadow-red: 0 0 0 1px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05), 0 0 16px rgba(220,120,100,.12);--radius-soft: 0px;--transition-fast: .18s ease}html,body,#root{margin:0;padding:0;min-height:100%;width:100%}html{scroll-behavior:smooth}body{background:linear-gradient(#0a080733,#0a080757),url(/cs16-bg.jpg) center center / cover no-repeat fixed;color:var(--text-main);font-family:Trebuchet MS,Arial,Helvetica,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(214,169,84,.08),transparent 24%),radial-gradient(circle at 80% 10%,rgba(130,93,38,.06),transparent 22%);z-index:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 64%,rgba(0,0,0,.08) 100%);z-index:0}*,*:before,*:after{box-sizing:border-box}a,button,input,textarea,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{outline:none;border:none}input,textarea,select{outline:none}img,svg,video{max-width:100%;display:block}::selection{background:#f2d28c38;color:#fff3cf}.cs16-page-bg{min-height:100vh;background:transparent;color:var(--text-main);position:relative;z-index:1}.cs16-app{min-height:100vh;color:var(--text-main);font-family:Trebuchet MS,Arial,Helvetica,sans-serif}.cs16-app-main{width:100%;position:relative;z-index:1}.cs16-shell{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:34px 24px 60px}.cs16-panel{background:linear-gradient(180deg,var(--bg-panel-top) 0%,var(--bg-panel-bottom) 100%);border:1px solid var(--border-main);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cs16-panel-soft{background:linear-gradient(180deg,#271f16eb,#14110df0);border:1px solid var(--border-main);box-shadow:var(--shadow-panel)}.cs16-titlebar{background:linear-gradient(180deg,#6a5330,#3d2f1e);border-bottom:1px solid var(--border-strong);color:var(--gold-main);font-weight:800;letter-spacing:1.4px;text-transform:uppercase;padding:11px 14px;font-size:13px}.cs16-hover-lift{transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.cs16-hover-lift:hover{transform:translateY(-1px);filter:brightness(1.06)}.cs16-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:14px 22px;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.cs16-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.cs16-button-gold{background:linear-gradient(180deg,#d1a458,#8a6834);color:#151008;border:1px solid #e0bf80;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff14}.cs16-button-gold:hover{box-shadow:var(--shadow-gold)}.cs16-button-dark{background:linear-gradient(180deg,#413422,#261e15);color:var(--text-main);border:1px solid #745d37;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff0d}.cs16-button-dark:hover{box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff0f,0 0 14px #f2d28c14}.cs16-button-danger{background:linear-gradient(180deg,#7b3124,#4b1b15);color:#f0d7cf;border:1px solid #974e40;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff0d}.cs16-button-danger:hover{box-shadow:var(--shadow-red)}.cs16-button-disabled{background:linear-gradient(180deg,#4a4338,#2d2923);color:#8e836d;border:1px solid #5f564a;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff08;cursor:not-allowed;filter:none;transform:none}.cs16-input{width:100%;background:linear-gradient(180deg,#201a13f5,#130f0bf5);border:1px solid #5a4930;color:var(--text-main);padding:13px 14px;box-shadow:inset 0 0 0 1px #ffffff05;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cs16-input:focus{border-color:#8a6b3d;box-shadow:inset 0 0 0 1px #ffffff05,0 0 0 1px #f2d28c0f}.cs16-input::placeholder{color:#8f7a52}.cs16-eyebrow{color:var(--gold-dim);text-transform:uppercase;letter-spacing:2px;font-size:12px}.cs16-heading-xl{margin:0;color:var(--gold-main);font-size:clamp(44px,8vw,84px);line-height:.92;text-transform:uppercase;letter-spacing:2px}.cs16-text-soft{color:var(--text-soft)}.cs16-text-dim{color:var(--text-dim)}.cs16-card{border:1px solid var(--border-soft);background:linear-gradient(180deg,#0000002e,#0000001f);padding:14px}.cs16-card-label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.cs16-card-value{color:var(--gold-soft);font-weight:800;font-size:22px}.cs16-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;font-weight:900;letter-spacing:1px;font-size:11px;text-transform:uppercase;min-width:88px}.cs16-badge-gold{border:1px solid #8d7440;background:#8d74402e;color:#f0d087}.cs16-badge-green{border:1px solid #7f7641;background:#7c722f2e;color:#e1d27a}.cs16-badge-red{border:1px solid #6d4d45;background:#5e322b2e;color:#f0b2a5}.cs16-badge-neutral{border:1px solid #5f564a;background:#5f564a2e;color:#d7c8a6}.cs16-scrollbar::-webkit-scrollbar{width:10px;height:10px}.cs16-scrollbar::-webkit-scrollbar-track{background:#15110d}.cs16-scrollbar::-webkit-scrollbar-thumb{background:#5d4a2e;border:1px solid #7a623d}.cs16-scrollbar::-webkit-scrollbar-thumb:hover{background:#7a623d}.cs16-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cs16-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media(max-width:1100px){.cs16-grid-3{grid-template-columns:1fr}}@media(max-width:980px){.cs16-grid-2{grid-template-columns:1fr}.cs16-shell{padding:24px 16px 40px}}@media(max-width:640px){.cs16-heading-xl{line-height:.98}.cs16-button{width:100%}}#root{width:100%;min-height:100vh}