*{box-sizing:border-box}:root{--nav:#101d31;--nav2:#172840;--blue:#1769e0;--bg:#f3f6fa;--paper:#fff;--ink:#152033;--muted:#68768a;--line:#e2e8f0;--red:#c93a36;--green:#17845b;--shadow:0 10px 30px rgba(19,36,61,.07)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#0a1424);color:#fff;padding:16px 12px;display:flex;flex-direction:column}.panel-brand{display:flex;align-items:center;gap:10px;padding:3px 6px 17px}.panel-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#236de0,#6ca5ff);display:grid;place-items:center;font-weight:900}.panel-brand strong{display:block;font-size:13px}.panel-brand span{display:block;color:#93a5bc;font-size:10px;margin-top:2px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;color:#c5d0df;font-size:12px;font-weight:730}.sidebar nav a:hover{background:rgba(255,255,255,.07)}.sidebar nav a.active{background:#fff;color:#101d31}.side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:12px 7px 2px;font-size:10.5px;color:#aebdd0}.side-foot strong{display:block;color:#fff;font-size:11px;margin-bottom:5px}.side-foot a{color:#a8c7ff}.main{min-width:0}.topbar{height:65px;position:sticky;top:0;z-index:20;background:rgba(243,246,250,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.topbar h1{font-size:17px;margin:0;letter-spacing:-.02em}.topbar p{margin:2px 0 0;font-size:10px;color:var(--muted)}.content{width:min(1120px,calc(100% - 28px));margin:16px auto 32px;display:grid;gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.card h2{font-size:15px;margin:0 0 5px}.muted{color:var(--muted);font-size:11.5px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.stat span{display:block;font-size:10px;font-weight:750;color:var(--muted)}.stat strong{font-size:23px;letter-spacing:-.04em}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}label{display:block;font-size:10.5px;font-weight:800;color:#39475a;margin-bottom:4px}input,select,textarea{width:100%;border:1px solid #d8e0e9;border-radius:8px;background:#fff;padding:8px 9px;font:inherit;font-size:12px}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:#86a9e8;box-shadow:0 0 0 3px rgba(23,105,224,.08)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:8px;background:var(--blue);color:#fff;padding:8px 10px;font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}.btn.ghost,button.ghost{background:#fff;color:#344054;border:1px solid #d8e0e9}.btn.red,button.red{background:var(--red)}.btn.green,button.green{background:var(--green)}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.flash{padding:10px 12px;border-radius:9px;font-size:11.5px;font-weight:750}.flash.ok{background:#eaf8f0;color:#11643f}.flash.err{background:#fff0f0;color:#9a2727}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:8px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;vertical-align:top}th{font-size:9.3px;text-transform:uppercase;letter-spacing:.04em;color:#718096;background:#f8fafc}.badge{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:9.5px;font-weight:850}.badge.active{background:#e9f8ef;color:#116a44}.badge.expired{background:#f1f3f6;color:#596575}.cover-preview{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.gallery-admin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.gallery-admin .photo{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.gallery-admin img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.gallery-admin .photo-foot{padding:7px}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:7px;border:1px solid #d8e0e9;border-bottom:0;border-radius:9px 9px 0 0;background:#f8fafc}.editor-toolbar button{background:#fff;color:#334155;border:1px solid #dbe2eb;padding:5px 8px;font-size:10.5px}.editor-area{min-height:280px;border:1px solid #d8e0e9;border-radius:0 0 9px 9px;background:#fff;padding:13px;outline:0;font-size:13px;line-height:1.7}.editor-area:focus{border-color:#86a9e8;box-shadow:0 0 0 3px rgba(23,105,224,.08)}.editor-area h2{font-size:20px}.editor-area h3{font-size:16px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,#d8e8ff,transparent 28%),#f3f6fa;padding:20px}.login-card{width:min(380px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 20px 55px rgba(19,36,61,.12)}.login-card h1{font-size:18px;margin:0 0 4px}.login-card p{font-size:11px;color:var(--muted);margin:0 0 15px}
@media(max-width:920px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:sticky;z-index:30;flex-direction:row;align-items:center;overflow:auto;padding:9px}.panel-brand{padding:0}.panel-brand span,.side-foot{display:none}.sidebar nav{display:flex}.sidebar nav a{white-space:nowrap}.topbar{top:56px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-admin{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.content{width:calc(100% - 14px)}.grid,.grid3,.stats,.gallery-admin{grid-template-columns:1fr}.topbar{padding:0 10px}.card{padding:12px}}