:root{--blue:#1593ff;--navy:#061626;--sidebar:#04111e;--surface:#fff;--bg:#eef4f8;--text:#132b3d;--muted:#6d8291;--line:#d9e4ec;--danger:#c23d55;--success:#1d9a68}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:linear-gradient(180deg,#051827,#020c15);color:#a9bfce;padding:22px 14px;display:flex;flex-direction:column;z-index:20}.admin-logo{display:block;padding:0 13px 20px;border-bottom:1px solid rgba(128,188,231,.13)}.admin-logo img{width:150px;height:72px;object-fit:contain}.admin-sidebar nav{display:grid;gap:5px;margin-top:22px}.admin-sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:700}.admin-sidebar nav a span{width:22px;text-align:center;color:#74c7ff}.admin-sidebar nav a:hover,.admin-sidebar nav a.active,.sidebar-bottom a:hover{background:rgba(21,147,255,.14);color:#fff}.admin-sidebar nav a b{margin-left:auto;background:#e64460;color:#fff;min-width:22px;height:22px;border-radius:20px;display:grid;place-items:center;font-size:11px}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(128,188,231,.13);padding-top:14px}.admin-main{margin-left:255px;min-height:100vh}.admin-topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10}.admin-topbar h1{margin:2px 0 0;font-size:24px}.admin-topbar small{color:#7a8e9d;font-size:10px;font-weight:800;letter-spacing:.11em}.admin-user{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-user>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1593ff,#0d67b7);color:#fff;font-weight:900}.admin-user strong,.admin-user small{display:block}.admin-user small{letter-spacing:0;font-weight:500}.sidebar-toggle{display:none;border:0;background:#eaf4fb;border-radius:8px;padding:10px;margin-right:13px}.admin-content{padding:28px}.admin-alert{padding:14px 16px;border-radius:10px;margin-bottom:18px;background:#fff;border:1px solid var(--line)}.admin-alert.success{background:#eaf8f2;border-color:#9ed8bf;color:#176846}.admin-alert.error{background:#fff0f2;border-color:#efb1bb;color:#953044}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:0 8px 25px rgba(13,50,75,.05)}.metric-card span{color:#6d8392;font-size:13px}.metric-card strong{display:block;font-size:34px;margin-top:5px}.metric-card a{display:block;color:#1389df;font-size:12px;font-weight:800;margin-top:9px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(13,50,75,.05);margin-top:20px;overflow:hidden}.panel-header{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header h2{font-size:18px;margin:0}.panel-body{padding:21px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid #168ee7;border-radius:9px;background:#168ee7;color:#fff;font-size:13px;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(.96)}.btn-light{background:#fff;color:#176fae;border-color:#b8d3e5}.btn-danger{background:#c73d55;border-color:#c73d55}.btn-sm{min-height:34px;padding:0 11px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #e8eff4;font-size:13px;vertical-align:middle}th{background:#f7fafc;color:#637886;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.thumb{width:72px;height:48px;object-fit:cover;border-radius:8px;background:#dde8ef}.badge{display:inline-flex;padding:5px 9px;border-radius:20px;background:#e8f4fd;color:#116fae;font-size:11px;font-weight:800}.badge.new{background:#fff0f2;color:#bd2c47}.badge.read{background:#eef4f7;color:#647988}.badge.answered{background:#e7f8f1;color:#187957}.actions{display:flex;gap:7px}.empty{padding:30px;text-align:center;color:#708493}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:block}.field.full{grid-column:1/-1}.field>span{display:block;margin-bottom:7px;font-size:13px;font-weight:800;color:#365165}.field small{display:block;color:#7d909e;margin-top:6px}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #cddde7;border-radius:9px;background:#fbfdfe;color:#173246;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#168ee7;box-shadow:0 0 0 3px rgba(22,142,231,.10)}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.preview-image{width:100%;max-width:380px;height:190px;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin:8px 0}.settings-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.settings-tabs button{border:1px solid #bed4e2;background:#fff;color:#36566d;border-radius:8px;padding:9px 13px;cursor:pointer;font-weight:700}.settings-tabs button.active{background:#168ee7;color:#fff;border-color:#168ee7}.settings-group{display:none}.settings-group.active{display:grid}.message-card{display:grid;gap:16px}.message-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.message-meta div,.message-body{padding:14px;background:#f7fafc;border:1px solid #e0e9ef;border-radius:10px}.message-meta small{display:block;color:#718492}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.media-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.media-card img{width:100%;height:150px;object-fit:cover}.media-card div{padding:10px;font-size:12px;overflow-wrap:anywhere}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#0d4f7c,#061626 48%,#020b13);padding:24px}.login-card{width:min(430px,100%);background:#fff;border-radius:20px;padding:32px;box-shadow:0 30px 90px #0009}.login-card img{display:block;width:190px;height:100px;object-fit:contain;margin:0 auto}.login-card h1{text-align:center;margin:8px 0}.login-card p{text-align:center;color:#718493}.login-card .field{margin-top:14px}.login-card .btn{width:100%;margin-top:20px;min-height:47px}.login-help{text-align:center;margin-top:15px;font-size:12px}.login-alert{padding:12px;border-radius:9px;background:#fff0f2;color:#9c3144}.chart-bars{display:flex;align-items:end;gap:12px;height:180px;padding:20px 10px 0}.chart-bars div{flex:1;background:linear-gradient(#38a8f7,#1681ce);border-radius:8px 8px 0 0;min-height:4px;position:relative}.chart-bars div span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:10px;color:#718694}.chart-bars div b{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:11px}@media(max-width:1050px){.admin-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.admin-sidebar{transform:translateX(-100%);transition:.25s}.admin-sidebar.open{transform:none}.admin-main{margin-left:0}.admin-topbar{padding:0 16px}.sidebar-toggle{display:block}.admin-user div{display:none}.admin-content{padding:17px}.admin-grid,.form-grid,.message-meta,.media-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.panel-header{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}}