:root{font-family:'Cairo',Tahoma,Arial,sans-serif;color:#182339;background:#f4f7fb;font-size:14px;line-height:1.65;--blue:#103b82;--navy:#0c1d38;--muted:#738198;--border:#e5eaf1;--gold:#f4ad35;--shadow:0 12px 34px rgba(23,49,91,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}h1,h2,h3,p{margin-top:0}h1{font-size:25px;letter-spacing:-.7px}h2{font-size:21px;letter-spacing:-.3px}h3{font-size:16px}a{color:#185fb8;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.fine{font-size:11px;color:#8590a2;margin-top:20px}.eyebrow{font-family:Arial,sans-serif;font-size:10px;color:#557cbb;font-weight:800;letter-spacing:1.7px;margin:0 0 4px}.eyebrow.light{color:#9dbce9}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 10%,#dbe9fb 0%,#f6f8fc 54%,#eef3fb 100%);padding:25px}.auth-card{width:min(100%,450px);padding:35px;background:white;border-radius:23px;box-shadow:0 25px 65px rgba(14,47,96,.13);border:1px solid #e5eaf4}.logo-box{text-align:center;margin-bottom:18px}.brand-logo{width:min(270px,100%);max-height:125px;object-fit:contain}.auth-card h1{font-size:22px}.auth-card .muted{font-size:13px}.form{display:flex;flex-direction:column;gap:17px}.form label:not(.checkbox-row){font-size:12px;color:#34435b;font-weight:700;display:flex;flex-direction:column;gap:7px}input:not([type=checkbox]),textarea{width:100%;border:1px solid #dce4ed;background:#fff;border-radius:10px;min-height:45px;padding:11px 13px;color:#1c2940;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#6898dc;box-shadow:0 0 0 3px #e6f0ff}textarea{resize:vertical}.btn{border:1px solid transparent;border-radius:10px;padding:10px 19px;display:inline-flex;align-items:center;gap:9px;justify-content:center;white-space:nowrap;font-weight:800;transition:filter .15s}.btn:hover{filter:brightness(.94)}.primary{background:#185eb4;color:white}.white{background:white;color:#154785}.ghost{background:white;border-color:#dee6f2;color:#263750}.outline{background:white;border-color:#dce6f3;color:#245185}.btn.small{font-size:11px;padding:7px 10px}.wide{width:100%}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{background:#0f233e;color:#ecf4ff;padding:27px 14px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:10px 10px 32px;direction:ltr;font-family:Arial,sans-serif;font-weight:800;font-size:12px;letter-spacing:.45px}.sidebar-brand img{width:55px;height:50px;object-fit:contain;filter:brightness(1.8) contrast(1.1)}.sidebar-brand span{display:block;font-family:'Cairo',Tahoma,sans-serif;font-size:10px;letter-spacing:0;color:#9bb1d0;font-weight:500;text-align:right;margin-top:5px}.nav{display:grid;gap:8px}.nav a{padding:12px 13px;color:#b2c6e4;border-radius:10px;font-size:12px;display:flex;gap:12px;align-items:center}.nav a:hover,.nav a:focus{background:#243e61;color:white}.side-foot{margin-top:auto;color:#9db3d0;font-size:10px;padding:15px 10px}.dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#f3bd5e;margin-left:5px}.workspace{min-width:0}.topbar{padding:25px 34px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}.topbar h1{margin:0}.main{padding:28px 34px 50px;max-width:1300px;margin:auto}.hero{padding:35px 42px;border-radius:19px;background:linear-gradient(110deg,#0b2d63 2%,#15539b 68%,#2479be 100%);color:white;display:flex;align-items:center;justify-content:space-between;min-height:250px;overflow:hidden}.hero h2{font-size:25px;margin:0 0 7px}.hero p{max-width:540px;color:#c4d9f5}.hero .white{margin-top:10px}.hero-icon{font-size:120px;font-weight:bold;font-family:Arial,sans-serif;opacity:.3;line-height:1}.hero-icon span{color:var(--gold);font-size:75px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 26px}.stat{background:white;border:1px solid var(--border);padding:17px 20px;border-radius:13px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:7px}.stat span{color:#65758d;font-size:11px}.stat strong{font-family:Arial,sans-serif;font-size:26px;line-height:1.2;color:#173d7d}.stat strong.small{font-family:'Cairo',Tahoma,sans-serif;font-size:17px;color:#b27419}.panel{background:white;border:1px solid var(--border);padding:27px;border-radius:16px;margin-bottom:24px;box-shadow:var(--shadow);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{margin:0}.pill{border-radius:999px;background:#eaf2fe;color:#1e579a;padding:5px 11px;font-size:10px;font-weight:800;white-space:nowrap}.pill.amber{background:#fff4df;color:#976612}.pill.green{background:#e6f7ed;color:#236d42}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form small,.sub{color:#8995a7;font-size:11px;font-weight:400}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#53637a}.checkbox-row input{width:16px;height:16px}.label-title{font-size:12px;color:#34435b;font-weight:800}.platforms{display:flex;gap:12px;flex-wrap:wrap}.platform{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px;border:1px solid var(--border);font-size:12px;font-weight:800}.platform input{accent-color:#236ab8}.platform-symbol{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:7px;color:white;font-family:Arial;font-size:16px}.fb{background:#2471cc}.ig{background:linear-gradient(35deg,#ffb344,#c32286,#784dd1)}.tt{background:#121b2c}.form-actions{display:flex;align-items:center;gap:16px}.form-actions .muted{font-size:11px}.empty{text-align:center;padding:45px;color:#7b899d;background:#f8fafd;border-radius:13px}.empty span{font-size:45px}.empty h3{margin:7px 0}.post-list{display:grid;gap:18px}.post-card{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--border);border-radius:13px;overflow:hidden}.post-thumb{background:#f0f4fa;display:flex;justify-content:center;align-items:center;min-height:220px}.post-thumb img,.post-thumb video{width:100%;height:100%;min-height:220px;max-height:370px;object-fit:contain}.no-image{font-size:22px;font-family:Arial,sans-serif;color:#7b8ca4;position:relative}.no-image span{color:var(--gold);font-size:39px}.post-data{padding:17px 21px}.post-meta{display:flex;align-items:center;gap:12px;color:#8995a7;font-size:10px;flex-wrap:wrap;margin-bottom:10px}.post-data h3{margin:0 0 8px}.caption{white-space:normal;max-height:135px;overflow:auto;font-size:12px;color:#536075;line-height:1.9;overflow-wrap:anywhere}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{background:#f1f5fa;color:#657289;border-radius:6px;padding:3px 7px;font-size:10px}.post-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.platform-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0;font-size:11px}.platform-links a{font-weight:700}.published-form{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.published-form input{flex:1;min-width:190px;font-size:11px;min-height:36px}.delete-form{text-align:left;margin:6px 0}.text-danger{font-size:11px;color:#bf4152;background:transparent;border:0;padding:5px}.notice{background:#eff9f3;border-radius:8px;color:#266d40;padding:10px;font-size:11px;margin:9px 0}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-panels .panel{margin-bottom:0}.two-panels audio{width:100%;display:block;margin:17px 0}.alert{padding:13px 17px;border-radius:10px;margin-bottom:18px;font-size:12px}.alert.success{background:#e5f7ed;color:#17663f;border:1px solid #b8ebcb}.alert.error{background:#fdeef1;color:#a32e44;border:1px solid #f5c3cc}.footer{text-align:center;font-size:11px;color:#9ba7b5;padding-top:25px}
@media(max-width:1000px){.layout{grid-template-columns:190px 1fr}.stats{grid-template-columns:repeat(2,1fr)}.main{padding:23px}.topbar{padding:21px}.post-card{grid-template-columns:180px 1fr}}
@media(max-width:720px){.layout{display:block}.sidebar{height:auto;position:relative;padding:12px 14px}.sidebar-brand{padding:0 0 10px}.sidebar-brand img{height:42px}.nav{display:flex;gap:4px;overflow-x:auto}.nav a{white-space:nowrap;padding:8px;font-size:10px}.side-foot{display:none}.topbar{padding:15px 19px}.topbar h1{font-size:20px}.main{padding:15px}.hero{padding:28px;min-height:unset}.hero h2{font-size:20px}.hero-icon{display:none}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:20px}.panel{padding:18px}.two-cols,.two-panels{grid-template-columns:1fr}.post-card{grid-template-columns:1fr}.post-thumb{max-height:250px}.post-thumb img,.post-thumb video{max-height:250px}.platforms{gap:7px}.platform{padding:7px 9px}.post-data{padding:16px}.form-actions{flex-wrap:wrap}}