:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#1d2939;background:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}input,textarea,select{border:1px solid #dbe2eb;background:#fff;border-radius:9px;color:#253044;outline:none;padding:11px 12px;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#6575e7;box-shadow:0 0 0 3px #677be21e}textarea{resize:vertical}a{color:#4c5fc6;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:247px;background:#111a2c;color:#c7d0e0;display:flex;flex-direction:column;padding:27px 14px 17px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 11px;color:#fff;font-size:19px;font-weight:750;letter-spacing:-.6px}.brand small{display:block;color:#8091ac;font-weight:500;font-size:11px;letter-spacing:.9px;text-transform:uppercase;margin-top:1px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#6b83f5,#6959d8);box-shadow:0 6px 20px #5765db4a}.side-label{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#61718a;margin:38px 12px 12px}nav{display:grid;gap:4px}.nav-btn{border:0;background:none;color:#aab8cf;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;border-radius:9px;font-weight:560;font-size:13px;transition:background .15s,color .15s}.nav-btn:hover{background:#202b42;color:#fff}.nav-btn.active{background:#303b5d;color:#fff}.nav-btn.active svg{color:#9ea9ff}.counter{margin-left:auto;background:#e8ac5a;color:#192233;font-size:11px;border-radius:20px;padding:1px 6px}.sidebar-bottom{margin-top:auto;border-top:1px solid #27334a;padding-top:18px}.side-box{display:flex;align-items:center;gap:10px;margin:3px 7px 19px;padding:10px 11px;border:1px solid #303c52;border-radius:10px;font-size:12px;color:#d6e1f0}.side-box small{color:#7d8ba4}.main{flex:1;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.top-left,.top-actions{display:flex;align-items:center;gap:12px;font-size:13px}.top-left .breadcrumb,.crumb-sep{color:#8f9aae}.top-actions{color:#79869a}.live-dot{width:7px;height:7px;border-radius:50%;background:#24b582;box-shadow:0 0 0 3px #e3f6f0}.icon-button{border:0;background:transparent;color:#7c889a;padding:7px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#f0f3f8;color:#26314a}.mobile-toggle{display:none}.body{padding:32px 38px 70px;max-width:1530px;margin:auto}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:27px}.eyebrow{color:#6576df;font-size:10px;font-weight:800;letter-spacing:1.9px}.page-title h1{font-size:28px;letter-spacing:-.9px;margin:6px 0 5px;color:#172238;font-weight:760}.page-title p,.panel-heading p{margin:0;color:#8390a2;font-size:13px;line-height:1.55}.primary,.secondary{border-radius:9px;padding:11px 16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:690;white-space:nowrap}.primary{background:#5869d8;color:#fff;box-shadow:0 3px 12px #4b60cb27}.primary:hover{background:#4657c1}.secondary{background:#fff;border-color:#dce3ec;color:#354158}.secondary:hover{border-color:#a3aed0;background:#f9faff}.text-button{border:0;color:#5968ce;background:none;font-size:12px;font-weight:720}.text-button:hover{text-decoration:underline}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:21px}.stat-card{background:#fff;border:1px solid #e7ebf1;border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 3px 12px #1e293b06}.stat-card strong{font-size:30px;letter-spacing:-1px;color:#172238}.stat-card span{color:#8490a0;font-size:12px}.stat-icon{color:#5668c8;background:#f0f1ff;width:37px;height:37px;border-radius:10px;display:grid;place-items:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid #e6ebf2;box-shadow:0 4px 16px #15234405;border-radius:13px;padding:22px;min-width:0;margin-bottom:20px}.two-col .panel{margin:0}.panel h2{font-size:16px;letter-spacing:-.35px;color:#26314a;margin:0 0 15px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-heading h2{margin:0 0 5px}.feed-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #f0f2f6;min-width:0}.feed-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;background:#f0f1fc;color:#6774d6;flex-shrink:0}.feed-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.feed-copy b,.account-row b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-copy span,.account-row small{display:block;color:#8f9aaa;font-size:11px}.feed-row time{color:#6c788b;font-size:11px;white-space:nowrap}.pill{font-size:10px;text-transform:capitalize;white-space:nowrap;font-weight:700;padding:5px 8px;border-radius:20px;background:#f2f4f8;color:#6c7789}.pill.good{background:#e8f8f1;color:#15845c}.pill.warn{background:#fff5df;color:#a06b17}.pill.bad{background:#fce9ea;color:#bf4651}.account-row{padding:12px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2f6}.account-row:last-child{border:0}.account-row>span:nth-child(2){flex:1;min-width:0}.platform-icon{height:36px;width:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;flex-shrink:0;font-size:17px}.platform-icon.youtube{background:#f03846}.platform-icon.instagram{background:linear-gradient(45deg,#ffaf46,#cd3c8a,#6d52d5)}.platform-icon.facebook{background:#1877f2}.platform-icon.tiktok{background:#161a22}.platform-icon.linkedin{background:#0a66c2}.empty{text-align:center;padding:36px 14px;color:#7b8799;display:grid;justify-items:center;gap:10px}.empty svg{color:#8993bd}.empty h3{font-size:14px;color:#26314b;margin:2px}.empty p{font-size:12px;max-width:300px;line-height:1.6;margin:0}.muted{font-size:12px;color:#8691a1;line-height:1.65}.activity{border-top:1px solid #f0f2f6;display:flex;align-items:center;gap:12px;padding:12px 0;font-size:12px;color:#758096}.activity strong{min-width:135px;color:#33415b}.activity span:not(.activity-dot){flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity time{font-size:11px}.activity-dot{width:7px;height:7px;border-radius:50%;background:#6678de}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:15px}.search-box{position:relative;max-width:380px;flex:1}.search-box svg{position:absolute;left:12px;top:12px;color:#8e9aac}.search-box input{padding-left:39px}.toolbar select{max-width:190px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{padding:12px 9px;background:#f8f9fc;color:#7d899b;font-size:10px;letter-spacing:.7px;text-transform:uppercase}td{padding:15px 9px;border-bottom:1px solid #ecf0f4;min-width:100px;color:#445066}td:first-child{min-width:180px}td b{display:block;color:#25324b}td small{display:block;color:#9aa5b3;max-width:300px;margin-top:4px;overflow-wrap:anywhere}.actions{display:flex;gap:6px}.actions button,.actions a{border:1px solid #e6ebf0;background:#fff;border-radius:7px;padding:7px;color:#697588}.actions button:hover{color:#5467cb;border-color:#b7beed}.day{padding:14px 0}.day h3{font-size:13px;color:#50607a;padding-bottom:10px;border-bottom:1px solid #e9eef5}.calendar-row{display:flex;align-items:center;gap:17px;border-bottom:1px solid #f0f3f6;padding:13px 0}.calendar-row .time{font-size:12px;color:#5c69c9;font-weight:800;min-width:52px}.calendar-row>div{flex:1}.calendar-row b{font-size:12px;display:block}.calendar-row small{font-size:11px;color:#8290a4;display:block;margin-top:4px}.add-layout{grid-template-columns:1fr 1fr}.upload-zone{border:1.5px dashed #b9c3d5;border-radius:12px;padding:30px 15px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:#7d89ad;background:#fbfcff}.upload-zone h3{margin:0;font-size:14px;color:#33405b}.upload-zone p{margin:0;font-size:12px;color:#9ba6b5}.upload-zone.compact{padding:24px}.or-divider{text-align:center;color:#a2aab9;font-size:12px;margin:20px 0}.or-divider:before,.or-divider:after{content:" — "}.form-stack{display:grid;gap:16px}.field{display:grid;gap:7px}.field label,.form-stack>label{color:#35445c;font-weight:690;font-size:12px}.field small,.help{font-size:11px;color:#8c98a9;margin:0;line-height:1.55}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inline{display:flex;gap:9px;align-items:center}.inline .secondary{height:43px}.form-stack details{border:1px solid #e3e7ef;border-radius:9px;padding:13px}.form-stack details[open]{display:grid;gap:12px}.form-stack summary{font-size:12px;cursor:pointer;color:#5b6791;font-weight:650;list-style:none}.form-stack summary svg{float:right}.progress{height:7px;width:80%;background:#e6eaf2;border-radius:99px;overflow:hidden}.progress div{height:100%;background:#596cdb}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.media-card{background:#fff;border:1px solid #e6ebf2;border-radius:12px;overflow:hidden}.media-preview{background:#182136;aspect-ratio:16/9;color:#657393;display:grid;place-items:center}.media-preview video{width:100%;height:100%;object-fit:contain}.media-info{padding:15px;display:grid;gap:9px}.media-info b{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-info span{font-size:11px;color:#9da7b5}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:20px}.template-card{border:1px solid #e6ebf2;background:#fff;border-radius:12px;padding:22px;display:grid;justify-items:start;gap:9px}.template-card h3{font-size:15px;margin:0}.template-card p{font-size:12px;color:#8491a4;min-height:40px;line-height:1.5;margin:0}.template-icon{height:40px;width:40px;border-radius:9px;background:#edfbf4;color:#30a273;display:grid;place-items:center}.result-numbers{display:flex;gap:15px;margin:12px 0}.result-numbers span{padding:10px 14px;background:#f3f6fc;border-radius:8px;font-size:12px}.result-numbers b{font-size:19px}.validation-list{max-height:310px;overflow-y:auto;border:1px solid #edf0f5;border-radius:8px}.validation-row{padding:12px;border-bottom:1px solid #edf0f5;display:grid;gap:3px}.validation-row b{font-size:12px}.validation-row small{font-size:11px;color:#8491a2}.field-error{color:#bd3a4e;font-size:11px;margin:0}.field-warning{color:#ac7628;font-size:11px;margin:0}.checkbox{display:flex;align-items:center;gap:9px;font-size:12px;color:#536078}.checkbox input{width:auto}.connections{display:grid;gap:5px}.connection{padding:14px 0;border-bottom:1px solid #eff1f6;display:flex;align-items:center;gap:12px}.connection:last-child{border:0}.connection-body{flex:1;min-width:0}.connection-body b{display:block;font-size:13px}.connection-body span{display:block;color:#8490a2;font-size:11px;line-height:1.6;margin-top:3px}.setting-row{padding:13px 0;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#8090a5}.setting-row strong{color:#455169;text-align:right}.callout{border-radius:9px;padding:12px;display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;margin:14px 0}.callout.info{background:#eef2fe;color:#53608a}.callout.error{background:#fff0f1;color:#bc354a}.toast{border-radius:10px;margin-bottom:20px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.toast span{flex:1}.toast button{border:0;background:none;color:inherit}.toast.error{background:#fff1f1;color:#a83548}.toast.success{background:#e9fbf1;color:#147f59}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:#101827aa;display:grid;place-items:center;padding:14px;z-index:50}.modal{width:min(510px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 25px 80px #0c14204d;padding:25px;display:grid;gap:16px}.modal header{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:0;font-size:18px}.login-wrap{min-height:100vh;background:radial-gradient(ellipse at 80% 10%,#dfe3ff,transparent 45%),#f4f6fc;display:grid;place-items:center;padding:18px}.login-card{width:min(445px,100%);border:1px solid #e3e8f1;border-radius:18px;padding:42px;background:#fff;box-shadow:0 16px 50px #1e315315}.login-card .brand{color:#1b2740;padding:0;margin-bottom:36px}.login-card .brand small{color:#9ba6b4}.login-card h1{font-size:27px;letter-spacing:-.7px;margin:0 0 8px}.login-card p{font-size:13px;color:#8791a2;margin:0 0 23px}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:8px;font-weight:700;font-size:12px}.login-card .primary{margin-top:8px;display:flex;justify-content:space-between}.login-card .tiny{font-size:11px;color:#a5adba;margin-top:28px;text-align:center}@media(max-width:1100px){.two-col,.add-layout{grid-template-columns:1fr}.body{padding:25px}.feed-row time{display:none}}@media(max-width:760px){.sidebar{position:fixed;z-index:40;left:-250px;transition:left .2s}.sidebar.open{left:0}.topbar{padding:0 17px;height:60px}.mobile-toggle{display:flex}.body{padding:19px 15px 45px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-title{align-items:flex-start}.page-title h1{font-size:24px}.page-title p{font-size:12px}.template-grid,.field-grid{grid-template-columns:1fr}.top-actions{font-size:11px}.connections .pill{display:none}.connection{flex-wrap:wrap}.connection .secondary{margin-left:48px}.feed-row{flex-wrap:wrap}.feed-row .pill{margin-left:auto}.calendar-row{flex-wrap:wrap}}@media(max-width:480px){.stat-card{padding:14px}.stat-card strong{font-size:25px}.page-title{flex-direction:column}.panel{padding:16px}.toolbar{flex-direction:column;align-items:stretch}.toolbar select{max-width:unset}.login-card{padding:26px}.top-left .breadcrumb,.crumb-sep{display:none}}
