:root{--ink:#17324c;--blue:#1769d3;--bg:#f4f7fb;--line:#dfe7ef}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px}.admin-top{height:70px;background:#0e2a47;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.admin-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.admin-brand span{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1f7de0,#8b55db);display:grid;place-items:center;font-weight:800}.admin-top nav{display:flex;gap:16px}.admin-top nav a{color:#cbd8e5;text-decoration:none}.admin-layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 70px)}.admin-layout aside{background:#fff;border-right:1px solid var(--line);padding:22px 12px}.admin-layout aside a{display:block;padding:13px 14px;border-radius:10px;color:#36516b;text-decoration:none;font-weight:650;margin:3px 0}.admin-layout aside a:hover{background:#edf4ff;color:#0c5fbe}.admin-layout main{padding:28px;max-width:1400px;width:100%}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.admin-head h1{font-size:30px;margin:0}.admin-head p{margin:5px 0 0;color:#718396}.primary-action{display:inline-flex;border:0;background:linear-gradient(135deg,#1769d3,#6558df);color:#fff;text-decoration:none;padding:11px 16px;border-radius:11px;font-weight:750;cursor:pointer;font-size:15px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi-grid div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.kpi-grid span{display:block;color:#708397;font-size:13px}.kpi-grid strong{display:block;font-size:29px;margin-top:5px}.admin-card,.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 5px 18px rgba(30,55,80,.05);margin-bottom:20px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid a{padding:16px;border-radius:12px;background:#f1f6fc;color:#225b91;text-decoration:none;font-weight:700}.table-wrap{overflow:auto}.table-card{padding:0}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #e8edf2;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#6d7d8e;background:#f8fafc}td small{display:block;color:#8190a0;margin-top:4px}.status{font-size:12px;padding:5px 9px;border-radius:99px;font-weight:700}.status.live{background:#e3f6ec;color:#14704b}.status.draft{background:#f2f0f0;color:#775d5d}.actions{display:flex;gap:10px;align-items:center}.actions form{margin:0}.actions a,.actions button,.admin-gallery button{border:0;background:none;color:#1769d3;font-weight:700;cursor:pointer;padding:0;text-decoration:none}.actions button,.admin-gallery button{color:#b03a3a}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid label{font-weight:700;font-size:14px}.form-grid label.wide,.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cfd9e2;border-radius:10px;font:inherit;background:#fff}.form-grid textarea{resize:vertical}.form-grid label.check{display:flex;align-items:center;gap:8px}.form-grid label.check input{width:auto;margin:0}.form-grid small{display:block;color:#7d8c9c;margin-top:4px;font-weight:400}.form-actions{display:flex;align-items:center;gap:15px}.form-actions a{color:#56718b}.alert{padding:13px 16px;border-radius:11px;margin-bottom:18px}.alert.success{background:#e4f6ed;color:#116e49}.alert.error{background:#fee8e8;color:#9d2727}.admin-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-gallery>div{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:13px}.admin-gallery img{width:100%;height:170px;object-fit:cover}.admin-gallery strong,.admin-gallery form{display:block;margin:9px 12px}.message-list .unread{border-left:5px solid #1769d3}.message-head{display:flex;justify-content:space-between;gap:15px}.message-head div{display:flex;flex-direction:column}.message-head a,.text-action{color:#1769d3;text-decoration:none}.message-head span{font-size:13px;color:#7b8a99}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#d9f4ff,transparent 30%),radial-gradient(circle at 80% 90%,#efe4ff,transparent 25%),#f6f8fc}.login-card{width:min(430px,calc(100% - 28px));background:#fff;border-radius:22px;box-shadow:0 25px 60px rgba(23,48,79,.16);padding:34px}.login-logo{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#1769d3,#7656df);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.login-card h1{font-size:28px;margin:18px 0 6px}.login-card p{color:#768799}.login-card label{display:block;font-weight:700;margin:16px 0}.login-card input{width:100%;margin-top:6px;padding:12px;border:1px solid #ccd7e1;border-radius:11px;font:inherit}.login-card button{width:100%;border:0;background:#1769d3;color:#fff;padding:13px;border-radius:11px;font-weight:800;font-size:16px;cursor:pointer}.login-card>a{display:block;text-align:center;margin-top:17px;color:#52718e;text-decoration:none}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-layout aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.admin-layout aside a{white-space:nowrap}.kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-top{padding:0 12px}.admin-top nav a:first-child{display:none}.admin-layout main{padding:18px 12px}.admin-head{align-items:flex-start;flex-direction:column}.kpi-grid,.quick-grid,.form-grid{grid-template-columns:1fr}.form-grid label.wide,.form-grid .wide{grid-column:auto}.admin-gallery{grid-template-columns:1fr}.message-head{flex-direction:column}}
