:root{--accent:#7a173b;--accent2:#c69a3b;--bg:#f5f7fb;--panel:#ffffff;--ink:#18212f;--muted:#6f7a89;--line:#e8ebf1;--side:#111827;--side2:#1f2937;--radius:18px;--shadow:0 18px 45px rgba(35,45,65,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top right,#fff7e7 0,transparent 25%),var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.side{background:linear-gradient(180deg,var(--side) 0%,#191420 55%,#20111b 100%);color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid rgba(255,255,255,.08)}.side::-webkit-scrollbar{width:7px}.side::-webkit-scrollbar-thumb{background:#ffffff22;border-radius:20px}.brandbox{display:flex;gap:12px;align-items:center;padding:8px 8px 18px;border-bottom:1px solid #ffffff16;margin-bottom:12px}.brandbox img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;box-shadow:0 8px 24px #0005}.brandbox h2{margin:0;font-size:16px;line-height:1.25}.brandbox small{display:block;margin-top:4px;color:#c9c3ca;font-weight:500}.side a{display:flex;align-items:center;gap:10px;color:#e8e7ea;padding:10px 12px;border-radius:11px;margin:3px 0;transition:.18s}.side a:hover,.side a.active{background:linear-gradient(90deg,var(--accent),#9c3156);color:#fff;transform:translateX(2px)}.side .ico{width:22px;text-align:center;opacity:.95}.group{font-size:10px;color:#aa9ca6;text-transform:uppercase;letter-spacing:1.55px;margin:18px 11px 7px}.main{min-width:0;padding:0 28px 30px}.topbar{margin:0 -28px 24px;padding:12px 28px;background:#ffffffdd;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-left{display:flex;align-items:center;gap:12px}.mobilemenu{display:none;background:#f3f4f6!important;color:var(--ink)!important;padding:9px 11px!important}.top-title small{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}.top-title h1{margin:0;font-size:25px}.top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-clock{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000008;font-variant-numeric:tabular-nums}.flag-wave{width:31px;height:20px;position:relative;transform-origin:left center;animation:waveflag 2.4s ease-in-out infinite;filter:drop-shadow(0 2px 2px #0002)}.flag-wave:before{content:"";position:absolute;inset:0;background:linear-gradient(#ff9933 0 33%,#fff 33% 66%,#138808 66%);border-radius:2px}.flag-wave:after{content:"✺";position:absolute;left:11px;top:2px;color:#164899;font-size:11px}@keyframes waveflag{0%,100%{transform:perspective(80px) rotateY(0deg)}50%{transform:perspective(80px) rotateY(-18deg)}}.themebar{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:12px;background:#fff}.themebar button{width:21px;height:21px;padding:0;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #cfd3db;cursor:pointer}.profile-menu{position:relative}.profile-btn{display:flex;align-items:center;gap:9px;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:6px 10px 6px 7px!important}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#f1f2f4;border:2px solid #fff;box-shadow:0 0 0 1px #ddd}.profile-pop{display:none;position:absolute;right:0;top:48px;width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #0002;padding:8px;z-index:60}.profile-menu.open .profile-pop{display:block}.profile-pop a{display:block;padding:9px 10px;border-radius:8px}.profile-pop a:hover{background:#f5f6f8}.hero-admin{background:linear-gradient(125deg,var(--accent),#3a1630 70%);color:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:18px}.hero-admin:after{content:"";position:absolute;width:260px;height:260px;border:55px solid #ffffff12;border-radius:50%;right:-80px;top:-90px}.hero-admin h2{margin:0 0 8px;font-size:30px}.hero-admin p{margin:0;color:#f4dfe8;max-width:780px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:18px;position:relative;overflow:hidden}.card small{color:var(--muted);font-weight:700}.card strong{display:block;font-size:30px;color:var(--accent);margin-top:7px}.card .stat-icon{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,white);display:grid;place-items:center;font-size:20px}.panel{padding:20px}.panel h2,.panel h3{margin-top:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,var(--accent),#9a3155);color:#fff;border:0;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 18%,transparent);transition:.16s}.btn:hover,button:hover{transform:translateY(-1px)}.btn.alt,.alt{background:#fff!important;color:var(--accent)!important;border:1px solid #d9dce3!important;box-shadow:none!important}.btn.danger,.danger{background:#b42332!important;color:#fff!important;box-shadow:none!important}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full{grid-column:1/-1}label{font-weight:700;font-size:13px;color:#44505f}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #dbe0e8;border-radius:10px;background:#fff;color:var(--ink);font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}th,td{padding:11px 12px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:middle}th{background:#f8f9fb;color:#485465;font-size:12px;text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:0}tr:hover td{background:#fcfcfd}.notice{padding:12px 15px;background:#ecf8ef;border:1px solid #b9dec2;border-radius:10px;margin-bottom:16px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.media-card{border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff;overflow:hidden}.media-card img{width:100%;height:160px;object-fit:cover;border-radius:10px;background:#f2f2f2}.media-card b,.media-card small{display:block;margin-top:7px;word-break:break-word}.media-card small{color:var(--muted)}.docicon{height:160px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f6efe9;color:var(--accent);font-weight:800}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#111827 0%,#3a1530 55%,#8a234b 100%);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;border:60px solid #ffffff0d}.login-page:before{width:420px;height:420px;left:-180px;top:-180px}.login-page:after{width:300px;height:300px;right:-120px;bottom:-120px}.login-brand{padding:8vh 7vw;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.login-brand img{width:165px;height:165px;object-fit:contain;background:#fff;border-radius:50%;padding:5px;box-shadow:0 24px 55px #0005}.login-brand h1{font-size:42px;line-height:1.05;margin:24px 0 12px}.login-brand p{font-size:17px;line-height:1.7;max-width:620px;color:#eadde5}.login-feature{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.login-feature span{padding:8px 12px;border:1px solid #ffffff2a;background:#ffffff0d;border-radius:999px;font-size:13px}.login-side{display:flex;align-items:center;justify-content:center;padding:30px;position:relative;z-index:2}.login{width:min(460px,100%);background:#fffffff2;backdrop-filter:blur(20px);padding:30px;border-radius:24px;box-shadow:0 30px 80px #0005;border:1px solid #ffffff8c}.login .mini-logo{width:75px;height:75px;object-fit:contain;display:block;margin:0 auto 10px}.login h2{text-align:center;margin:0;font-size:27px}.login .sub{text-align:center;color:var(--muted);margin:7px 0 22px}.login input{margin:7px 0 14px}.login-foot{text-align:center;margin-top:18px;color:var(--muted);font-size:12px}.profile-card{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:start}.profile-photo{width:160px;height:160px;border-radius:22px;object-fit:cover;background:#f2f3f5;border:5px solid #fff;box-shadow:0 10px 28px #0002}
@media(max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:fixed;left:-305px;width:290px;z-index:80;transition:.2s}.shell.nav-open .side{left:0;box-shadow:0 0 0 100vmax #0008}.main{padding:0 16px 24px}.topbar{margin:0 -16px 18px;padding:10px 16px}.mobilemenu{display:inline-flex}.top-title h1{font-size:20px}.admin-clock .datepart{display:none}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-side{min-height:100vh}.profile-card{grid-template-columns:1fr}}
@media(max-width:650px){.cards,.media-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.full{grid-column:auto}.top-right .themebar{display:none}.profile-btn span{display:none}.main{overflow:hidden}.panel{padding:15px}.hero-admin{padding:20px}.hero-admin h2{font-size:24px}}