*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f8fafc;--bg-secondary:#e0f2fe;--panel:hsla(0,0%,100%,.9);--text:#1e293b;--muted:#64748b;--brand:#10b981;--brand-600:#059669;--brand-light:#a7f3d0;--accent:#fbbf24;--accent-light:#fcd34d;--yellow:#fbbf24;--sky:#0ea5e9;--sky-light:#7dd3fc;--teal:#0f766e;--red:#ef4444;--green:#10b981;--border:rgba(148,163,184,.2);--border-hover:rgba(148,163,184,.3);--input-bg:hsla(0,0%,100%,.8);--input-border:rgba(148,163,184,.3);--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 4px 20px rgba(0,0,0,.08);--shadow-lg:0 8px 30px rgba(0,0,0,.12);--max-width:1200px;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--transition:all 0.3s ease}[data-theme=dark]{--bg:#0f172a;--bg-secondary:#1e293b;--panel:rgba(15,23,42,.95);--text:#f1f5f9;--muted:#94a3b8;--border:rgba(148,163,184,.1);--border-hover:rgba(148,163,184,.2);--input-bg:rgba(30,41,59,.8);--input-border:rgba(148,163,184,.2)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);line-height:1.6}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{padding:10px 20px;border:none;border-radius:var(--border-radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--brand);border:2px solid var(--brand)}.btn-secondary:hover{background:var(--brand);color:#fff}.btn-accent{background:var(--accent);color:var(--text)}.btn-accent:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);padding:12px 16px;font-size:14px;color:var(--text);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.text-muted{color:var(--muted)}.text-center{text-align:center}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-success{background:rgba(16,185,129,.1);color:var(--brand)}.badge-danger{background:rgba(239,68,68,.1);color:var(--red)}.badge-warning{background:rgba(251,191,36,.1);color:var(--accent)}.table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:var(--border-radius);overflow:hidden}.table th{background:var(--bg-secondary);text-align:left;font-weight:600;color:var(--text)}.table td,.table th{padding:12px 16px;font-size:14px}.table td{border-top:1px solid var(--border)}.table tr:hover{background:var(--bg-secondary)}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 16px}.card{padding:16px}.btn{width:100%;justify-content:center}}