*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eef2f5;color:#22394e;font-size:13px}a{text-decoration:none;color:inherit}:root{--navy:#07264b;--navy2:#0b3768;--yellow:#ffc400;--line:#dce5eb;--soft:#f6f8fa}.admin-layout{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:258px;background:linear-gradient(180deg,#061e3a,#082b50 60%,#0a3b69);color:#dbe6ef;overflow:auto;z-index:50;box-shadow:8px 0 26px rgba(5,28,51,.1)}.admin-brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#051a33;border-bottom:1px solid rgba(255,255,255,.08)}.brand-box{width:40px;height:40px;border-radius:5px;background:var(--yellow);color:var(--navy);display:grid;place-items:center;font-weight:900}.admin-brand b,.admin-brand small{display:block}.admin-brand b{color:#fff;font-size:14px}.admin-brand small{font-size:9px;color:#91a8ba}.sidebar nav{padding:10px 0}.sidebar nav a{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 18px;border-left:3px solid transparent;font-size:12px;font-weight:600}.sidebar nav a:hover{background:rgba(255,255,255,.08);border-left-color:var(--yellow);color:#fff}.nav-label{display:block;padding:17px 18px 7px;color:#7e9ab0;font-size:8px;font-weight:900;letter-spacing:.13em}.admin-main{margin-left:258px}.admin-top{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:20px;position:sticky;top:0;z-index:30;box-shadow:0 3px 12px rgba(8,35,60,.04)}.admin-menu{display:none;border:0;background:none;font-size:21px}.admin-top>a{color:var(--navy2);font-weight:800}.admin-user{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-user span{font-weight:700;color:var(--navy)}.admin-user small{font-size:9px;color:#7c8d9b;text-transform:uppercase}.admin-user a{padding:7px 10px;border:1px solid var(--line);background:#f8fafb;border-radius:4px}.admin-content{padding:26px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.page-head h1{margin:0;color:var(--navy);font-size:28px;letter-spacing:-.03em}.page-head p{margin:4px 0 0;color:#7c8e9c;font-size:10px}.notice{padding:11px 13px;border-left:4px solid #2c9664;background:#eff9f3;margin-bottom:15px}.notice.error{border-left-color:#cf554b;background:#fff2f1}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);padding:18px;position:relative;overflow:hidden;box-shadow:0 7px 18px rgba(8,37,64,.05)}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow)}.kpi small{display:block;color:#7e8f9c;font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.kpi b{display:block;color:var(--navy);font-size:28px;margin-top:2px}.kpi span{font-size:9px;color:#90a0ac}.dashboard-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.card{background:#fff;border:1px solid var(--line);box-shadow:0 7px 18px rgba(8,37,64,.04);margin-bottom:16px}.card-head{padding:13px 16px;background:#f8fafb;border-bottom:1px solid var(--line);font-weight:800;color:var(--navy);display:flex;justify-content:space-between;align-items:center}.card-body{padding:16px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-action{padding:14px;border:1px solid var(--line);background:#fff}.quick-action b{display:block;font-size:11px;color:var(--navy)}.quick-action small{display:block;font-size:8px;color:#7d8e9b;margin-top:3px}.quick-action:hover{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,196,0,.15)}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini{padding:14px;background:#f7f9fb;border-left:3px solid var(--yellow)}.mini b{display:block;font-size:18px;color:var(--navy)}.mini small{font-size:8px;color:#7f909d;text-transform:uppercase}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.toolbar form{display:flex;gap:8px;flex-wrap:wrap}.btn{min-height:36px;padding:0 13px;border-radius:4px;border:1px solid var(--navy2);background:#fff;color:var(--navy2);font:inherit;font-size:10px;font-weight:800;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover{background:var(--navy2)}.btn-accent{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.btn-danger{border-color:#d7a09c;color:#b13d36}.input,select,textarea{width:100%;min-height:39px;border:1px solid #cbd6de;padding:8px 10px;background:#fff;font:inherit;font-size:11px;outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--navy2);box-shadow:0 0 0 3px rgba(11,55,104,.08)}textarea{min-height:130px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:5px}.field label{font-size:9px;font-weight:900;color:#40596d;text-transform:uppercase;letter-spacing:.04em}.full{grid-column:1/-1}.table-wrap{overflow:auto;border:1px solid #e1e7eb}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:10px 11px;border-bottom:1px solid #e8edf1;text-align:left;vertical-align:top;font-size:10px}.table th{background:#f5f7f9;color:#3c5366;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.table tr:nth-child(even) td{background:#fcfdfe}.table tr:hover td{background:#fffdf2}.actions{display:flex;gap:6px;white-space:nowrap}.badge{display:inline-block;padding:4px 7px;background:#e8f4ee;color:#257247;font-size:8px;font-weight:900;text-transform:uppercase}.badge.gray{background:#edf1f3;color:#687b8a}.two-col{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.thumb{width:66px;height:46px;object-fit:cover}.activity-list{display:grid;gap:8px}.activity{padding:10px;border-bottom:1px solid #e7edf1}.activity b{font-size:10px;color:var(--navy)}.activity small{display:block;font-size:8px;color:#81909c;margin-top:2px}.system-box{background:linear-gradient(140deg,var(--navy),var(--navy2));color:#fff;padding:16px}.system-box h3{margin:0 0 8px}.system-box p{font-size:9px;color:#ccd9e4}.system-box .btn{border-color:var(--yellow);color:var(--yellow);background:transparent}@media(max-width:1050px){.kpis{grid-template-columns:1fr 1fr}.dashboard-grid,.two-col{grid-template-columns:1fr}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.admin-main{margin-left:0}.admin-menu{display:block}.admin-content{padding:16px}.kpis{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.admin-user span,.admin-user small{display:none}}
/* V4 Admin typography and rich editor */
html,body,button,input,select,textarea,table{font-family:Arial,sans-serif!important}
body{font-size:14px;font-weight:500}.admin-brand b{font-size:15px;font-weight:900}.admin-brand small{font-size:10px;font-weight:700}
.sidebar nav a{font-size:13px;font-weight:800}.nav-label{font-size:9px;font-weight:900}.admin-top>a{font-size:12px;font-weight:900}
.admin-user span{font-size:13px;font-weight:900}.admin-user small{font-size:10px;font-weight:800}.page-head h1{font-size:30px;font-weight:900}
.page-head p{font-size:11px;font-weight:600}.kpi small{font-size:10px;font-weight:900}.kpi b{font-size:31px;font-weight:900}.kpi span{font-size:10px;font-weight:600}
.card-head{font-size:13px;font-weight:900}.quick-action b{font-size:12px;font-weight:900}.quick-action small{font-size:9px;font-weight:600}
.mini b{font-size:21px;font-weight:900}.mini small{font-size:9px;font-weight:900}.btn{font-size:11px;font-weight:900}
.input,select,textarea{font-size:13px;font-weight:600}.field label{font-size:10px;font-weight:900}.table th{font-size:10px;font-weight:900}
.table td{font-size:11px;font-weight:600;line-height:1.45}.badge{font-size:9px;font-weight:900}.activity b{font-size:11px;font-weight:900}.activity small{font-size:9px;font-weight:600}
.editor-wrap{border:1px solid #cbd6de;background:#fff}.editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#f4f6f8;border-bottom:1px solid #dfe6eb}
.editor-toolbar button,.editor-toolbar select{min-height:32px;border:1px solid #cbd6de;background:#fff;color:#243d52;padding:0 9px;font:700 11px Arial,sans-serif;cursor:pointer}
.editor-toolbar button:hover{background:#fff8d8;border-color:#e0b000}.editor-area{min-height:360px;padding:16px;outline:none;font:500 14px/1.75 Arial,sans-serif;color:#20384c}
.editor-area h1,.editor-area h2,.editor-area h3,.editor-area h4{font-family:Arial,sans-serif;font-weight:900;color:#07264b}.editor-area p,.editor-area li{font-family:Arial,sans-serif}
.editor-source{display:none;width:100%;min-height:360px;border:0;padding:16px;font:500 13px/1.6 Consolas,monospace}
.editor-help{padding:8px 10px;background:#fffdf0;border-top:1px solid #ece5bd;color:#776628;font-size:10px;font-weight:700}