@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--bg2:#0f0f0f;--bg3:#161616;--bg4:#1e1e1e;--border:#ffffff0f;--border2:#ffffff1f;--gold:#c9a84c;--gold2:#e8c96a;--gold3:#f5e0a0;--goldbg:#c9a84c14;--goldbg2:#c9a84c26;--text:#f2f2f2;--text2:#888;--text3:#444;--green:#3ecf8e;--greenbg:#3ecf8e14;--red:#f26363;--redbg:#f2636314;--blue:#60a5fa;--bluebg:#60a5fa14;--r:10px;--r-sm:6px;--r-lg:16px}html{font-size:16px}body{-webkit-font-smoothing:antialiased;background:#080808;background:var(--bg);color:#f2f2f2;color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:Syne,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#1e1e1e;background:var(--bg4);border-radius:2px}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:9px 16px;transition:all .15s;white-space:nowrap}.btn-gold{background:linear-gradient(135deg,#c9a84c,#e8c96a);background:linear-gradient(135deg,var(--gold) 0,var(--gold2) 100%);box-shadow:0 2px 20px #c9a84c40;color:#0a0800;font-family:Syne,sans-serif;font-weight:700;letter-spacing:.5px}.btn-gold:hover{box-shadow:0 4px 28px #c9a84c66;transform:translateY(-1px)}.btn-ghost{background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border2);color:#888;color:var(--text2)}.btn-ghost:hover{background:#161616;background:var(--bg3);border-color:#ffffff1f;border-color:var(--border2);color:#f2f2f2;color:var(--text)}.btn-danger{background:#f2636314;background:var(--redbg);border:1px solid #0000;color:#f26363;color:var(--red)}.btn-danger:hover{background:#f26363;background:var(--red);color:#fff}.btn-sm{font-size:12px;padding:5px 11px}.btn-icon{padding:7px}.card{background:#0f0f0f;background:var(--bg2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);padding:20px}.card-gold{background:linear-gradient(135deg,#c9a84c0a,#0000);border-color:#c9a84c33}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:#888;color:var(--text2);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.form-input{background:#161616;background:var(--bg3);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#f2f2f2;color:var(--text);font-size:14px;outline:none;padding:10px 13px;transition:border-color .15s}.form-input:focus{border-color:#c9a84c;border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c1a}.form-input::placeholder{color:#444;color:var(--text3)}textarea.form-input{min-height:90px;resize:vertical}select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.badge-win{background:#3ecf8e14;background:var(--greenbg);color:#3ecf8e;color:var(--green)}.badge-loss{background:#f2636314;background:var(--redbg);color:#f26363;color:var(--red)}.badge-neutral{background:#1e1e1e;background:var(--bg4);color:#888;color:var(--text2)}.badge-high{background:#f2636314;background:var(--redbg);color:#f26363;color:var(--red)}.badge-medium{background:#c9a84c14;background:var(--goldbg);color:#e8c96a;color:var(--gold2)}.badge-low{background:#3ecf8e14;background:var(--greenbg);color:#3ecf8e;color:var(--green)}.badge-critical{background:#f2636314;background:var(--redbg);color:#f26363;color:var(--red)}.badge-active{background:#3ecf8e14;background:var(--greenbg);color:#3ecf8e;color:var(--green)}.badge-completed{background:#60a5fa14;background:var(--bluebg);color:#60a5fa;color:var(--blue)}.badge-on_hold{background:#c9a84c14;background:var(--goldbg);color:#e8c96a;color:var(--gold2)}.badge-cancelled{background:#1e1e1e;background:var(--bg4);color:#444;color:var(--text3)}.tag{align-items:center;background:#161616;background:var(--bg3);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;color:#888;color:var(--text2);display:inline-flex;font-size:11px;padding:3px 10px}.spinner{animation:spin .65s linear infinite;border:2px solid #ffffff1f;border-top-color:#c9a84c;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--gold);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.empty-state{align-items:center;color:#444;color:var(--text3);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:60px 20px;text-align:center}.empty-state h3{color:#888;color:var(--text2);font-size:16px}.divider-gold{background:linear-gradient(90deg,#0000,#c9a84c,#0000);background:linear-gradient(90deg,#0000,var(--gold),#0000);height:1px;opacity:.3}.stat-num{color:#f2f2f2;color:var(--text);font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1}