@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg:#f5f3f0;--card:#fff;--text:#2d2b3d;--text-secondary:#6b6880;--border:#e8e5e0;--sidebar:#2d2b3d;--sidebar-text:#fff;--input-bg:#fff;--hover:#f0ede9;--accent-1:#d49a9a;--accent-2:#c4a47a}.dark{--bg:#1e1f35;--card:#282a45;--text:#eeedf5;--text-secondary:#9897ac;--border:#3a3c58;--sidebar:#16172b;--sidebar-text:#eeedf5;--input-bg:#1e1f35;--hover:#2e304e}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;transition:background .3s,color .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:background .3s,border-color .3s}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #d49a9a4d}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{filter:brightness(.95)}input,select,textarea{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .2s,background .3s,color .3s}input:focus,select:focus,textarea:focus{border-color:var(--accent-1);outline:none}label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:20px;max-width:90vw;max-height:85vh;padding:24px;transition:background .3s;overflow-y:auto;box-shadow:0 20px 60px #00000026}@media (width<=768px){.modal-content{max-width:95vw;padding:16px}.card{padding:14px}}
