@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800;900&display=swap";:root{--primary::root { --primary: #1877f2; --primary-dark: #0a5fdb; --primary-light:#e7f3ff; --primary-mid: #166fe5; --green: #42b72a; --green-light: #e6f4ea; --red: #fa3e3e; --orange: #f05a28; --text: #1c1e21; --text2: #65676b; --text3: #90949c; --bg: #f0f2f5; --white: #fff; --border: #e4e6ea; --border2: #ced0d4; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 9999px; --shadow-sm: 0 1px 3px #00000014; --shadow-md: 0 2px 10px #0000001a; --shadow-lg: 0 4px 20px #0000001f; --font-display: "Syne", sans-serif; --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --nav-h: 56px; --sidebar-w: 240px; --right-w: 280px; };--primary-dark:#0a5fdb;--primary-light:#e7f3ff;--primary-mid:#166fe5;--green:#42b72a;--green-light:#e6f4ea;--red:#fa3e3e;--orange:#f05a28;--text:#1c1e21;--text2:#65676b;--text3:#90949c;--bg:#f0f2f5;--white:#fff;--border:#e4e6ea;--border2:#ced0d4;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 10px #0000001a;--shadow-lg:0 4px 20px #0000001f;--font-display:"Syne", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--nav-h:56px;--sidebar-w:240px;--right-w:280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body.admin-mode{color:var(--text);background:#dbeafe!important}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}img{object-fit:cover;max-width:100%}input,textarea,select{font-family:var(--font-body);outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;font-weight:700}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border:1.5px solid var(--border2);color:var(--text);background:0 0}.btn-outline:hover{background:var(--bg)}.btn-ghost{color:var(--text2);background:0 0}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-green{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-green{background:var(--green-light);color:#1a7f37}.badge-red{color:#991b1b;background:#fef2f2}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=768px){.auth-grid{grid-template-columns:1fr!important}.auth-grid>div:first-child{display:none!important}}body.admin-mode ::-webkit-scrollbar-track{background:#dbeafe!important}body.admin-mode ::-webkit-scrollbar-thumb{background:#93c5fd!important}body.admin-mode ::-webkit-scrollbar{width:4px;height:4px}.admin-tabs::-webkit-scrollbar{display:none!important}.admin-tabs{-ms-overflow-style:none!important;scrollbar-width:none!important}