*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0f;color:#d4d4d8;min-height:100vh;background-image:radial-gradient(ellipse at top,#1a1a2e,#0a0a0f 70%)}.container{max-width:100%;margin:0;padding:.5rem}nav{background:linear-gradient(180deg,#2a2a3a,#1a1a28);padding:.8rem 1.5rem;border-bottom:1px solid #3f3f5a;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0006}.nav-links{display:flex;gap:1.2rem;align-items:center}.nav-links a{color:#a1a1aa;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s}.nav-links a:hover,.nav-links a.active{color:#c084fc;text-shadow:0 0 8px rgba(192,132,252,.4)}.nav-brand{display:flex;align-items:center;gap:8px}.nav-brand a{color:#fafafa;text-decoration:none;font-size:1rem;font-weight:700;letter-spacing:.5px}h1{color:#fafafa;margin:1.5rem 0;font-weight:700;letter-spacing:-.5px}h2{color:#fafafa}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #27272a}th{background:linear-gradient(180deg,#27272a,#1c1c22);color:#a1a1aa;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}td{color:#d4d4d8;font-size:.9rem;white-space:nowrap}tr:hover td{background:#8b5cf60d}.btn{padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s;background-image:url(/carbon-fiber.jpg);background-size:200px;background-repeat:repeat;color:#fff;border:1px solid #8b5cf6;box-shadow:0 1px 3px #0006;text-shadow:0 1px 2px rgba(0,0,0,.8)}.btn-edit{color:#fff;border-color:#3b82f6}.btn-delete{color:#fff;border-color:#ef4444}.btn-add{color:#fff;padding:.6rem 1.2rem;font-size:.9rem;border-color:#8b5cf6}.btn-track{color:#fff;border-color:#8b5cf6}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d;border-color:#a78bfa}.btn:active{transform:translateY(0)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-yes{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-no{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.modal-overlay{display:none;position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);z-index:100;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal{background:linear-gradient(180deg,#1e1e2e,#16161f);border:1px solid #3f3f5a;border-radius:12px;padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080}.modal h2{color:#fafafa;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#a1a1aa;font-size:.85rem;margin-bottom:.3rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem;background:#0a0a0f;border:1px solid #3f3f5a;border-radius:6px;color:#d4d4d8;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf633}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.8rem;margin-top:1.5rem}.btn-save{background:linear-gradient(180deg,#a78bfa,#7c3aed);color:#fff;padding:.6rem 1.5rem}.btn-cancel{background:linear-gradient(180deg,#52525b,#3f3f46);color:#fff;padding:.6rem 1.5rem}.toast{position:fixed;top:1rem;right:1rem;padding:.8rem 1.5rem;border-radius:8px;font-size:.9rem;z-index:200;display:none;backdrop-filter:blur(8px)}.toast-success{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.toast-error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}footer{border-top:1px solid #27272a;padding:1.5rem;text-align:center;margin-top:2rem}footer a{color:#52525b;text-decoration:none;font-size:.8rem;margin:0 .8rem;transition:color .2s}footer a:hover{color:#c084fc}.sort-link{color:#a1a1aa;text-decoration:none;cursor:pointer;transition:color .2s}.sort-link:hover{color:#c084fc}:root.light body{background:#fafafa;color:#1c1c22;background-image:none}:root.light nav{background:linear-gradient(180deg,#fff,#f4f4f5);border-color:#e4e4e7;box-shadow:0 1px 4px #0000000d}:root.light .nav-links a{color:#71717a}:root.light .nav-links a:hover{color:#8b5cf6}:root.light .nav-brand a{color:#0a0a0f}:root.light h1,:root.light h2{color:#0a0a0f}:root.light th{background:linear-gradient(180deg,#f4f4f5,#e4e4e7);color:#52525b}:root.light td{color:#1c1c22;border-color:#e4e4e7}:root.light tr:hover td{background:#8b5cf608}:root.light .modal{background:linear-gradient(180deg,#fff,#f9fafb);border-color:#e4e4e7}:root.light .form-group input,:root.light .form-group textarea,:root.light .form-group select{background:#fff;border-color:#d4d4d8;color:#1c1c22}:root.light .toast-success{background:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.3)}:root.light .toast-error{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}:root.light footer{border-color:#e4e4e7}:root.light footer a{color:#a1a1aa}