@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--loader-size: 140px;--ring-thickness: 10px}.site-loader{position:fixed;inset:0;display:grid;place-items:center;z-index:9999;background:#ffffffd9}.loader-ring{position:absolute;width:calc(var(--loader-size) + var(--ring-thickness) * 2);height:calc(var(--loader-size) + var(--ring-thickness) * 2);border-radius:50%;padding:var(--ring-thickness);display:grid;place-items:center;background:conic-gradient(from 0deg,#e60d1cf4,#3b0303f3,#e4e3e0,#210605e2,#fe0f0ff0,#efedf3,#ff6b6b);-webkit-mask:radial-gradient(farthest-side,transparent calc(50% - var(--ring-thickness)),black calc(50% - var(--ring-thickness)));mask:radial-gradient(farthest-side,transparent calc(50% - var(--ring-thickness)),black calc(50% - var(--ring-thickness)));animation:ring-rotate 3.6s linear infinite;z-index:1}.loader-inner{position:relative;width:var(--loader-size);height:var(--loader-size);border-radius:50%;display:grid;place-items:center;z-index:2;background:#fff;box-shadow:0 6px 22px #1018281f}.loader-logo{width:calc(var(--loader-size) * .7);height:calc(var(--loader-size) * .7);object-fit:contain;border-radius:6px;animation:logo-blink 1.8s ease-in-out infinite}@keyframes ring-rotate{0%{transform:rotate(0);filter:hue-rotate(0deg)}to{transform:rotate(360deg);filter:hue-rotate(360deg)}}@keyframes logo-blink{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-3px) scale(.995)}}.site-loader.inline{position:relative;inset:auto;background:transparent}:root{--bg:#f6f9fc;--card:#ffffff;--muted:#6b7280;--primary:#0f62fe;--accent:#2563eb;--success:#059669;--danger:#ef4444;--shadow: 0 8px 24px rgba(12, 35, 68, .08)}body{font-family:Roboto,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:#0f172a}.admin-main-bg{background:radial-gradient(1200px 600px at 10% 10%,rgba(37,99,235,.06),transparent 15%),radial-gradient(1000px 500px at 90% 90%,rgba(6,182,212,.04),transparent 18%),linear-gradient(180deg,#f7fbff,#f6f9fc);min-height:100%;padding:28px}@media (max-width:900px){.admin-main-bg{padding:12px}}@media (max-width:600px){.admin-main-bg{padding:8px}}.admin-app{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e6edf3;padding:18px;box-shadow:inset -1px 0 #00000005}.admin-sidebar .logo{font-weight:700;margin-bottom:12px}.admin-sidebar nav ul{list-style:none;padding:0;margin:0}.admin-sidebar nav li{margin-bottom:8px}.admin-sidebar button.menu-item{width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:var(--muted);display:flex;gap:10px;align-items:center}.admin-sidebar button.menu-item.active{background:linear-gradient(90deg,#2563eb1f,#2563eb0f);color:var(--accent);box-shadow:var(--shadow)}.admin-main{flex:1;padding:22px;display:flex;flex-direction:column;gap:18px}.topbar .actions{display:flex;gap:8px;align-items:center}.card{background:var(--card);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar .search{flex:1;max-width:480px}.topbar .user{display:flex;gap:10px;align-items:center}@media (max-width:900px){.admin-sidebar{width:200px;font-size:.85rem;overflow-y:auto;max-height:100vh}.admin-sidebar h2{font-size:1.1rem}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{grid-template-columns:1fr}.admin-sidebar{width:180px;font-size:.8rem;padding:12px 8px}.admin-sidebar h2{font-size:1rem}.menu-item{padding:6px 8px;font-size:.75rem}}.widget{display:flex;align-items:center;justify-content:space-between;gap:12px}.widget .left{display:flex;gap:12px;align-items:center}.icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.icon.sub{background:linear-gradient(135deg,var(--accent),#7aa7ff)}.icon.adm{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.muted{color:var(--muted)}.menu-item{border:none;padding:8px 10px;border-radius:8px;background:transparent;cursor:pointer;color:var(--accent);font-weight:600}.menu-item:hover{background:#2563eb0f}.card .title{font-size:14px;color:#0f172a;font-weight:600}.fade-in-up{animation:fadeUp .36s cubic-bezier(.2,.9,.2,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#02061773;z-index:3000}.modal{width:100%;max-width:720px;background:var(--card);border-radius:12px;padding:18px;box-shadow:0 20px 40px #02061740}.drag-drop{border:2px dashed #e6eefc;padding:20px;border-radius:10px;text-align:center;background:linear-gradient(180deg,#fff9,#fff6)}.drag-drop.dragover{border-color:var(--accent);box-shadow:0 8px 24px #2563eb0f}.upload-hint{color:var(--muted);font-size:13px}.menu-item[disabled]{opacity:.6;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;border:none}.btn:active{transform:translateY(1px)}.btn:focus{outline:3px solid rgba(37,99,235,.12);outline-offset:2px}.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(90deg,var(--accent),#3b82f6);color:#fff;box-shadow:0 6px 18px #3b82f61f}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px #3b82f624}.btn-success{background:linear-gradient(90deg,#10b981,#059669);color:#fff}.btn-danger{background:linear-gradient(90deg,#f97316,#ef4444);color:#fff}.btn-neutral{background:#fff;border:1px solid #e6eefc;color:#0f172a}.btn-link{background:transparent;color:var(--accent);padding:0}.admin-main-bg:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='800' height='600'><defs><linearGradient id='g' x1='0' x2='1'><stop offset='0' stop-color='%23ffffff' stop-opacity='0.0'/><stop offset='1' stop-color='%23f3f8ff' stop-opacity='0.02'/></linearGradient></defs><rect width='100%' height='100%' fill='url(%23g)'/></svg>");opacity:.9;mix-blend-mode:overlay;border-radius:0}.fade-enter{opacity:0;transform:translateY(-6px)}.fade-enter-active{opacity:1;transform:none;transition:all .22s ease}.material-icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.card-animate{transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .22s}.card-animate:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0c23441f}.preview-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.preview{width:86px;height:86px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f6fb;position:relative}.preview img{width:100%;height:100%;object-fit:cover}.preview .remove{position:absolute;top:6px;right:6px;background:#00000080;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer}.upload-progress{height:6px;background:linear-gradient(90deg,var(--accent),#60a5fa);border-radius:6px}