:root{--bg:#f4f6fb;--surface:#fff;--surface2:#f8fafc;--border:#e8ecf0;--text:#1a2033;--text2:#7c87a0;--accent:#4f8ef7;--accent2:#ff6b6b;--blue:#42b4e3;--green:#52c97a;--yellow:#f5c542;--red:#ff5757;--purple:#9b72f0;--radius:12px;--shadow:0 2px 12px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.page-header{justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.page-title{font-size:18px;font-weight:700}.page-subtitle{color:var(--text2);margin-top:2px;font-size:12px}.badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:#27ae60;background:#e8f9f0}.badge-red{color:#e74c3c;background:#fdeaea}.badge-yellow{color:#d4a200;background:#fff8e6}.badge-blue{color:#4f8ef7;background:#e8f0fe}.badge-cyan{color:#17a2b8;background:#e6f9fc}::-webkit-scrollbar{width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s both fadeIn}