@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#132346;--sub:#71809a;--brand:#6216fb;--brand2:#8560ff;--line:#e9eefa;--bg:#f7f8fc;--panel:#fff;--good:#15976f;--red:#e03c5b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:13.5px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:257px;flex:none;background:#11172d;color:#e8e9fa;padding:28px 17px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;direction:ltr;justify-content:flex-end;margin-bottom:46px}.brand small{display:block;color:#a9acce;font-size:10px;text-align:right;margin-top:3px}.brand-icon{background:var(--brand);border-radius:13px;font-size:24px;width:42px;height:42px;display:grid;place-items:center}.side-label{color:#838bac;font-size:11px;padding:0 14px 12px}.side-link{display:block;padding:11px 15px;border-radius:11px;color:#b5bed8;font-weight:700;margin-bottom:5px;transition:.15s}.side-link:hover,.side-link.active{background:#27224b;color:white}.side-link.active{box-shadow:inset -3px 0 0 var(--brand2)}.side-bottom{margin-top:auto;border-top:1px solid #30384f;padding-top:19px;display:flex;align-items:center;gap:10px}.side-bottom b,.side-bottom small{display:block}.side-bottom small{color:#8890ad;font-size:10px}.user-dot{display:grid;place-items:center;background:#443182;width:34px;height:34px;border-radius:11px;font-size:17px}.side-bottom form{margin-right:auto}.plain{background:none;border:0;color:#bec5e2;font-size:23px}.main{min-width:0;flex:1}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{font-weight:700;color:#445372}.breadcrumbs span{color:#abb4c7;margin:0 8px}.top-badge{font-size:11px;background:#f1f8f5;color:var(--good);border-radius:20px;padding:6px 13px}.content{max-width:1480px;margin:auto;padding:35px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.heading h1{font-size:27px;margin:1px 0 1px;font-weight:800;letter-spacing:-.5px}.eyebrow{color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.5px}.muted{color:var(--sub);font-size:12px}.heading p,.section-heading p{margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:25px;margin-bottom:23px;box-shadow:0 7px 25px rgba(34,44,100,.025)}.panel h2{font-size:16px;margin:0 0 18px;font-weight:800}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.section-heading h2{margin:0 0 3px}.form-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;font-weight:700}input:not([type=checkbox]):not([type=file]),select,textarea{border:1px solid #dce4f2;border-radius:11px;background:#fff;padding:12px 13px;outline:0;min-height:45px;color:var(--ink);width:100%;transition:border-color .15s}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px #6216fb12}.grow{flex:1;min-width:160px}.btn{border:1px solid transparent;border-radius:11px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;white-space:nowrap;min-height:43px;transition:transform .12s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);color:white;box-shadow:0 7px 14px #6216fb25}.btn.subtle{background:#f7f7ff;color:#5142b2;border-color:#e6e2ff}.btn.small{min-height:32px;padding:6px 11px;font-size:11px}.w-full{width:100%}.number-pill{background:#f4f1ff;color:var(--brand);border-radius:30px;padding:8px 16px;font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:15px}.client-card{background:white;border:1px solid var(--line);border-radius:17px;padding:22px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.client-card:hover{border-color:#aa95fa;box-shadow:0 12px 25px #7663bb12}.client-card h3{font-size:16px;margin:0}.client-card .muted{display:block;font-size:11px}.client-avatar{height:49px;width:49px;border-radius:14px;background:linear-gradient(150deg,#714bff,#9b83ff);color:white;display:grid;place-items:center;font-size:22px;font-weight:800}.card-stats{display:flex;gap:12px;width:100%;border-top:1px solid var(--line);padding-top:10px;font-size:11px;color:#5a6580}.arrow-card{margin-right:auto;color:var(--brand);font-size:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);padding:22px;border-radius:17px;display:flex;flex-direction:column;gap:4px}.metric span{font-size:11px;color:var(--sub)}.metric b{font-size:28px;font-weight:800;line-height:1.3}.metric small{font-size:10px;color:#9ca7bf}.connect-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.platform{color:white}.platform.facebook{background:#1877f2}.platform.instagram{background:linear-gradient(100deg,#df418c,#fb9235)}.platform.tiktok{background:#151923}.account-list{display:grid;gap:8px}.account{display:flex;align-items:center;gap:13px;padding:11px;border:1px solid var(--line);border-radius:12px}.account small{display:block;color:var(--sub);font-size:10px}.platform-mark{display:grid;place-items:center;color:#fff;font-size:21px;height:39px;width:39px;border-radius:10px;font-weight:bold}.platform-mark.facebook{background:#1877f2}.platform-mark.instagram{background:linear-gradient(140deg,#854dff,#ed4d83,#ff9a39)}.platform-mark.tiktok{background:#111725}.platform-mark.tiny{height:22px;width:22px;border-radius:6px;font-size:13px}.status{display:inline-block;background:#f0effd;color:#6957b9;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:800;white-space:nowrap}.status.ok{background:#e8f9f2;color:var(--good)}.status.warn{background:#fff4de;color:#bf8810}.status.bad{background:#ffecef;color:#cb3854}.post-item{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.post-item:last-child{border:0}.thumb{width:76px;height:76px;border-radius:12px;object-fit:cover}.post-text{flex:1;min-width:0}.post-text strong,.post-text small{display:block}.hashtags{color:var(--brand)!important}.target-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.empty-state{text-align:center;color:var(--sub);border:1px dashed #d7def1;border-radius:15px;padding:25px;font-size:12px}.alert{border-radius:12px;padding:12px 16px;margin-bottom:20px}.alert.success{background:#e8f9f2;color:#167750}.alert.error{background:#fff0f3;color:#b52c49}.alert.hint{background:#fff8e7;color:#9a6c19}.alert ul{margin:6px 0}.pagination{margin-top:20px}.composer-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px}.composer-side .panel{padding:22px}.composer-side .panel>label{margin-bottom:13px}.sticky{position:sticky;top:18px}.dropzone{border:2px dashed #cbd1ec;background:#fbfaff;border-radius:18px;min-height:172px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.dropzone.dragging{border-color:var(--brand);background:#f2edff}.upload-icon{font-size:36px;color:var(--brand);line-height:1.2}.progress-info{font-size:12px;color:var(--good);margin-top:9px;min-height:15px}.error-text{color:var(--red)}.composer-items{display:grid;gap:13px}.item-editor{border:1px solid #e4e5f6;border-radius:14px;padding:15px}.item-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}.item-thumb{width:77px;height:77px;object-fit:cover;border-radius:10px}.item-name{display:block;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-head small{display:block}.item-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item-fields label:first-child,.item-fields .targets-title,.item-fields .per-account,.item-fields details{grid-column:1/-1}.item-fields label{font-size:12px}.item-fields textarea{font-size:12px}.per-account{display:flex;gap:9px;flex-wrap:wrap}.choice{flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer}.choice input{accent-color:var(--brand);width:16px;height:16px;cursor:pointer}.targets-title{font-weight:800;font-size:12px}.account-choices{display:grid;gap:12px;margin-bottom:12px}.checkline{font-size:11px!important;font-weight:600;margin-bottom:12px}.text-small{font-size:10px}.thin-line{height:1px;background:var(--line);margin:20px 0}.composer-side h3{margin:8px 0;font-size:13px}details{border-top:1px solid var(--line);padding-top:10px}summary{color:var(--brand);cursor:pointer;font-weight:700}.overrides{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#ded2ff 0,transparent 27%),#f6f7ff}.login-card{width:min(440px,calc(100% - 32px));background:white;padding:40px;border:1px solid var(--line);border-radius:23px;box-shadow:0 20px 70px #25157416}.login-logo{background:var(--brand);color:white;border-radius:15px;padding:0 13px;font-size:32px}.login-card h1{font-size:26px;margin:3px 0}.login-card form{display:grid;gap:20px;margin-top:23px}.login-card .eyebrow{margin-top:15px}.login-card .footer-note{display:block;color:var(--sub);margin-top:18px;text-align:center}.footer-note code{font-size:10px}.login-card .muted{font-size:13px}@media(max-width:1080px){.sidebar{width:215px}.metric-grid{grid-template-columns:repeat(2,1fr)}.composer-grid{grid-template-columns:1fr}.composer-side{grid-row:1}.sticky{position:static}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;width:auto;padding:12px;display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.brand{margin:0;font-size:12px}.brand small,.side-label,.side-bottom{display:none}.side-link{margin:0;font-size:11px;padding:8px}.topbar{height:50px;padding:0 16px}.content{padding:17px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:23px}.metric-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:17px}.item-fields{grid-template-columns:1fr}.overrides{grid-template-columns:1fr}.form-row{display:block}.form-row label,.form-row button{margin:0 0 12px;width:100%}.post-item{align-items:flex-start}.post-item form{display:none}.top-badge{display:none}}

.video-label{display:inline-flex;justify-content:center;align-items:center;background:#eff0ff;border-radius:12px;min-width:88px;min-height:72px;font-weight:700;color:#4338ca}
/* --------------------------------------------------------------
   Social Publisher Pro 0.3 — visual design system / RTL responsive
   -------------------------------------------------------------- */
:root{--ink:#202843;--sub:#7b849c;--brand:#643bfa;--brand2:#8b65ff;--line:#e9eaf4;--bg:#f6f7fb;--panel:#fff;--good:#13936a;--red:#d94d68;--radius:20px;--shadow:0 12px 38px rgba(30,43,98,.045)}
html{scroll-behavior:smooth}body{font-size:14px;line-height:1.7}body.dashboard-page{background:#f7f8fc}body.public-page{background:#fff}
button,input,select,textarea{font:inherit}a,button{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9a4ff;outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}
.shell{display:flex;min-height:100vh;align-items:stretch}
.sidebar{background:linear-gradient(175deg,#121730 0%,#141a34 69%,#211944 100%);width:266px;position:sticky;height:100vh;top:0;padding:29px 16px 18px;overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 28px rgba(13,17,49,.07);z-index:40;gap:2px;scrollbar-width:thin;scrollbar-color:#555274 transparent}
.sidebar .brand{font-size:14.5px;direction:rtl;justify-content:flex-start;gap:11px;line-height:1.25;margin:0 5px 33px;color:#fff;white-space:nowrap}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;line-height:1.2;direction:rtl;justify-content:flex-start}
.brand small{font-weight:600;font-size:8.5px;letter-spacing:1.3px;color:#9ba2be;margin-top:7px;display:block}
.brand-icon{background:linear-gradient(135deg,#8968ff,#4e2be5);width:43px;height:43px;border-radius:15px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(91,56,247,.27);font-size:22px;flex:none}
.side-label{font-size:10.5px;letter-spacing:.7px;font-weight:800;color:#7882a3;padding:11px 15px 8px;margin-top:9px}
.side-link{display:flex;align-items:center;gap:12px;padding:11px 14px;font-size:12.5px;font-weight:700;min-height:44px;margin-bottom:2px;color:#b6bdd5;border-radius:12px;border:1px solid transparent;transition:background .14s;color:#adb7d6}
.side-link svg{color:#818cae}.side-link:hover{background:#ffffff10;color:#fff}.side-link.active{background:linear-gradient(100deg,#6749ea33,#754cf319);color:#fff;border-color:#7355f430;box-shadow:inset -3px 0 #956eff}.side-link.active svg{color:#aa92ff}
.side-bottom{display:flex;align-items:center;gap:10px;padding:16px 2px 0;margin-top:auto;border-top:1px solid #ffffff20}.side-bottom .user-meta{flex:1;min-width:0}.side-bottom b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-bottom small{color:#8793b3}.side-bottom a{color:#9aa4c1}.user-dot{background:linear-gradient(135deg,#8a78f6,#6451d6);height:39px;width:39px;border-radius:12px;color:#fff;font-weight:800}
.main{width:calc(100% - 266px);flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid #eceef7;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:20}.topbar-leading,.topbar-actions{display:flex;align-items:center;gap:19px}.breadcrumbs{font-size:12.5px;color:#9aa4b5}.breadcrumbs a{font-weight:600}.breadcrumbs strong{color:#303955;font-size:13px}.breadcrumbs span{color:#c4c9d9;margin:0 9px}.topbar-actions form{margin:0}.icon-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid #e9ecf6;background:#fff;border-radius:11px;color:#55627d}.icon-button:hover{background:#f3f0ff;border-color:#d9d0ff;color:var(--brand)}.top-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#efeaff;color:#643bfa;font-weight:800}.system-dot{color:#13a67a;background:#effbf7;border-radius:60px;padding:4px 12px;font-size:10px;display:inline-flex;align-items:center;gap:8px}.system-dot span{color:#3e8a77}.mobile-menu,.mobile-overlay{display:none}
.content{max-width:1600px;padding:36px 38px 70px;margin:0 auto}.heading{margin-bottom:26px;align-items:center}.heading h1{font-size:29px;line-height:1.5;letter-spacing:-.6px}.heading p{font-size:12px;line-height:1.9}.heading .eyebrow{font-size:11px;font-weight:800}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.heading-wave{color:#8f65ff;font-size:21px}
.panel{border-radius:20px;border-color:#ecedf5;box-shadow:var(--shadow);padding:25px;margin-bottom:21px}.panel h2{font-size:16px;letter-spacing:-.15px}.panel>form label{margin-bottom:11px}.section-heading{margin-bottom:21px}.section-heading p{font-size:12px}.eyebrow{color:#7954ec;font-weight:800;font-size:11px;letter-spacing:.25px}.muted{color:#828da6;font-size:12px}
.btn{min-height:44px;border-radius:11px;font-size:12.5px;gap:8px;padding:10px 18px;font-weight:800;border:1px solid transparent;line-height:1.5}.btn.primary{background:linear-gradient(112deg,#714dfc,#5737e9);color:#fff;box-shadow:0 7px 17px #6946f02b}.btn.primary:hover{box-shadow:0 10px 22px #6946f048;transform:translateY(-1px)}.btn.outline{color:#5a4ca2;border-color:#dcd7f1;background:#fff}.btn.outline:hover{border-color:#8e76e9;background:#faf8ff}.btn.subtle{background:#f4f1ff;color:#6040d7;border-color:#ece6ff}.btn.ghost{background:#ffffff18;color:#fff;border-color:#ffffff50}.btn.text-btn{background:transparent;color:#3d4461}.btn-lg{font-size:14px;padding:14px 23px;min-height:52px}.btn.small{font-size:11px;min-height:33px;padding:6px 12px}.w-full{width:100%}
input:not([type=checkbox]):not([type=file]),select,textarea{border-color:#e1e5f0;border-radius:11px;min-height:45px;background:#fff;color:#2a3553;font-size:12.5px;padding:11px 13px}input::placeholder,textarea::placeholder{color:#a4adc2}label{font-size:12px;font-weight:700;color:#4c5873;gap:7px}textarea{min-height:93px}.form-row>label{flex:1 1 170px}.alert{display:flex;align-items:flex-start;gap:10px;border-radius:13px;padding:13px 16px;font-size:12px;line-height:1.8}.alert ul{padding-right:18px}.alert.error{background:#fff1f2;border:1px solid #ffe1e5}.alert.success{background:#ecfbf5;border:1px solid #d9f2e7}.alert.hint{background:#fffaf0;border:1px solid #f8e7be}
.metric-grid{gap:17px}.metric{border:1px solid #e9ecf5;box-shadow:var(--shadow);border-radius:17px;min-height:139px;justify-content:flex-start;padding:19px 21px;gap:5px}.metric small{font-size:12px;color:#76829b}.metric b{font-size:29px;color:#273149;line-height:1.2;margin-top:3px}.metric p{font-size:11px;color:#a0a9bf;margin:0}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:5px}.metric-icon.violet{background:#eee9ff;color:#744df3}.metric-icon.sky{background:#e7f2ff;color:#3988e8}.metric-icon.green{background:#e7f9ef;color:#10a774}.metric-icon.amber{background:#fff5e7;color:#f1aa3f}.pro-metrics .metric{position:relative}.pro-metrics .metric .metric-icon{position:absolute;top:19px;left:20px}.pro-metrics .metric small{padding-left:52px;min-height:32px}
.dashboard-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:21px;align-items:start}.dashboard-columns>.panel{min-width:0}.smart-list{display:grid;gap:0}.smart-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eff0f6;padding:12px 0}.smart-row:last-child{border-bottom:0}.smart-row strong,.smart-row small{display:block}.smart-row strong{font-size:12.5px;color:#3a4562}.smart-row small{font-size:10.5px;color:#98a2b9;margin-top:2px}.smart-row .grow{min-width:0}.time-chip{font-size:10px;background:#f2efff;border-radius:8px;color:#6b58a9;padding:5px 9px;direction:ltr}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.green{background:#21b77f}.status-dot.red{background:#f17b88}.empty-panel{padding:40px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a0a9c2}.empty-panel h3{font-size:14px;color:#596780;margin:0}.empty-panel p{font-size:11.5px;color:#98a4ba;margin:0}.admin-spotlight{border:1px solid #ded5ff;background:linear-gradient(105deg,#f6f2ff,#fff);padding:18px 22px;border-radius:17px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-spotlight>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:5px 9px}.admin-spotlight strong{font-size:13px}.admin-spotlight p{font-size:11px;color:#81739d;grid-column:2;margin:0}.admin-spotlight>div:last-child{display:flex;gap:8px}.tiny-link{display:inline-flex;align-items:center;gap:6px;color:#7053e4;font-size:11.5px;font-weight:800}.tiny-link:hover{color:#4a2abe}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid a{padding:13px;display:flex;gap:10px;align-items:center;border:1px solid #eaecf5;border-radius:12px;color:#5b6580;font-size:12px;font-weight:700}.quick-grid a svg{color:#7759ef}.quick-grid a:hover{border-color:#c9bcfa;background:#faf8ff}.soft-panel{background:linear-gradient(150deg,#fff,#f9f8ff)}.health-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #eff0f8;font-size:12px}.health-row span{color:#8792a7}.health-row b{font-size:11px;color:#39445c}.soft-panel .btn{margin-top:15px}
.client-card{border-radius:17px;box-shadow:var(--shadow)}.client-card h3{font-size:15px}.client-avatar{background:linear-gradient(125deg,#795cff,#ad8dff)}.connect-buttons .btn{font-size:12px}.status{font-size:10px;font-weight:800}.pro-account{border-radius:14px;padding:14px}.account-status{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.account-status small{font-size:10px;color:#94a0b4}
.toolbar-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:21px}.toolbar-filters label{min-width:160px;flex:1;max-width:350px}.toolbar-filters label input,.toolbar-filters label select{min-width:160px}.table-wrap{overflow-x:auto;max-width:100%}.pro-table{width:100%;border-collapse:collapse;text-align:right;min-width:670px}.pro-table th{font-weight:800;color:#7e8ba4;font-size:11px;background:#f9fafe;padding:14px 16px;white-space:nowrap}.pro-table th:first-child{border-radius:0 10px 10px 0}.pro-table th:last-child{border-radius:10px 0 0 10px}.pro-table td{font-size:12px;vertical-align:middle;border-bottom:1px solid #eff1f6;padding:15px 16px;color:#4e5970}.pro-table tr:last-child td{border:0}.pro-table td strong{color:#303b54;font-size:12px}.table-sub{display:block;font-size:10px;color:#a0a8b8;margin-top:3px;max-width:230px;word-break:break-word}.ltr-cell{direction:ltr;unicode-bidi:embed;text-align:right}.table-media{display:flex;gap:11px;align-items:center}.table-media img,.table-media>span{width:45px;height:45px;object-fit:cover;background:#f0ebff;border-radius:10px;display:grid;place-items:center;color:#6c56de;font-size:17px;flex:none}.table-media strong{display:block;max-width:210px}.pagination{margin-top:18px}.pagination nav{font-size:12px}.small-inline{display:flex;align-items:end;gap:8px;flex-wrap:wrap;min-width:290px}.small-inline label{font-size:10px;min-width:60px}.small-inline input{max-width:110px;font-size:11px!important;min-height:32px!important;padding:6px!important}.small-inline label.choice{max-width:80px;font-size:10px}.small-inline .choice input{width:15px}.settings-columns{grid-template-columns:1fr 1fr}.settings-form{display:grid;gap:13px}.settings-form label{margin-bottom:0!important}.settings-form .input-pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}.settings-toggle{padding:15px;border:1px solid #efedf8;background:#faf9ff;border-radius:13px;margin:8px 0}.settings-toggle .choice{margin:0!important}.settings-toggle small{display:block;font-size:11px;color:#9ba4b8;margin-right:23px}.integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.integrations-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line)}.integrations-grid strong{font-size:12px}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-pair label{min-width:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.media-tile{overflow:hidden;border:1px solid #e9ebf5;border-radius:15px;background:#fff}.media-cover{height:148px;display:grid;place-items:center;background:linear-gradient(120deg,#efeafa,#f5f7fc);color:#7656e8}.media-cover img{width:100%;height:100%;object-fit:cover}.media-meta{padding:12px;display:flex;align-items:flex-start;flex-direction:column;gap:4px}.media-meta strong{font-size:11px}.media-meta small{font-size:9.5px;color:#9ba4b8}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #eceefa;border-radius:13px;overflow:hidden}.calendar-day-title{padding:12px 4px;text-align:center;color:#8b92ab;font-weight:800;font-size:11px;background:#fbfcff}.calendar-cell{min-height:129px;padding:8px;border-top:1px solid #eceefa;border-left:1px solid #eceefa;min-width:0;background:#fff}.calendar-cell.outside{background:#f9fafc}.calendar-cell.today{background:#f8f4ff}.day-number{color:#37435f;font-size:12px}.today .day-number{color:#754dec;background:#e9e1ff;border-radius:9px;padding:1px 6px}.day-events{display:flex;flex-direction:column;gap:5px;margin-top:6px}.cal-event{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;border-radius:5px;padding:4px 5px;line-height:1.5}.cal-event span{font-weight:800}.cal-event.due{background:#ede8ff;color:#6047bf}.cal-event.sent{background:#e6f9ef;color:#25835b}.cal-event.issue{background:#fff0ec;color:#b4563c}.cal-more{font-size:9px;color:#8e98b4}
/* ------------------------------ Public site ------------------------------ */
.public-page{font-size:14px;background:#fff}.public-shell{overflow:hidden}.section-container{width:min(1190px,calc(100% - 54px));margin:auto}.public-header{position:relative;z-index:10;background:#fff}.public-nav{height:90px;max-width:1270px;margin:auto;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-brand{font-size:15px;color:#242746}.public-brand small{color:#a1abc1;font-size:8px;letter-spacing:1.2px}.public-brand .brand-icon{height:44px;width:44px}.public-links{display:flex;align-items:center;gap:30px}.public-links a{color:#66728f;font-size:12px;font-weight:700}.public-links a:hover{color:#6748e8}.public-actions{display:flex;gap:10px;align-items:center}.public-actions .btn{min-height:40px}.hero{min-height:620px;display:grid;grid-template-columns:49% 51%;align-items:center;gap:1%;padding:64px 0 95px}.hero-copy{position:relative;z-index:2}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#f0ecff;color:#704de7;border-radius:60px;font-size:11px;font-weight:800;padding:8px 14px}.hero h1{font-size:clamp(36px,4.6vw,66px);line-height:1.36;margin:25px 0 18px;letter-spacing:-1.4px;color:#1d2340;font-weight:800}.hero h1 span{background:linear-gradient(130deg,#7548f3,#a16bff);color:transparent;background-clip:text}.hero-description{font-size:15px;line-height:2.2;color:#7e88a0;max-width:525px}.hero-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.hero-actions .ghost{background:#fff;color:#4e5580;border-color:#e0e3f2}.hero-trust{display:flex;align-items:center;gap:16px;margin-top:29px;flex-wrap:wrap}.hero-trust span{color:#7e89a0;font-weight:700;font-size:10.5px;display:inline-flex;align-items:center;gap:4px}.hero-trust svg{color:#20af7c}.hero-visual{min-height:515px;position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;inset:9% 0 4% 2%;background:radial-gradient(circle,#e0d4ff 0%,#f8f5ff 50%,transparent 74%);z-index:0;filter:blur(18px)}.hero-dashboard{width:95%;height:415px;background:#fff;border:1px solid #eaeafa;box-shadow:0 30px 90px #6254af25;position:relative;z-index:1;display:flex;direction:ltr;border-radius:19px;overflow:hidden;transform:perspective(1200px) rotateY(-6deg) rotateX(2deg)}.mock-side{width:65px;flex:none;background:#181935;padding:26px 17px;display:flex;align-items:center;flex-direction:column;gap:27px}.mock-side>span{height:18px;width:18px;background:#474263;border-radius:5px;display:block}.mock-side .mock-square{background:linear-gradient(120deg,#8065ff,#a184ff);width:25px;height:25px;border-radius:8px;margin-bottom:20px}.mock-main{padding:23px 25px;flex:1;min-width:0;background:#fcfcff}.mock-top{display:flex;justify-content:space-between;align-items:center}.mock-top small,.mock-top strong{display:block}.mock-top small{font-size:9px;color:#9fa4bb}.mock-top strong{color:#303451;font-size:15px}.mock-avatar{width:31px;height:31px;background:#e8e3ff;color:#7651e6;border-radius:11px;display:grid;place-items:center;font-weight:800}.mock-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.mock-mini>div{background:#fff;border:1px solid #e9ebf6;border-radius:12px;padding:13px;display:flex;align-items:flex-start;flex-direction:column;gap:4px}.mock-mini small{font-size:9px;color:#8e98b0}.mock-mini b{font-size:30px;color:#323a5c;line-height:1.2}.mock-mini span{font-size:8px;color:#98a5b4}.mock-mini span.mock-up{color:#19a379}.mock-chart{height:145px;background:#fff;border:1px solid #e9ebf5;border-radius:12px;padding:13px 18px;display:flex;flex-direction:column}.mock-chart-head{font-size:9px;color:#353959;font-weight:800;display:flex;justify-content:space-between}.mock-chart-head span{color:#a0a8bb;font-weight:400}.mock-bars{display:flex;align-items:end;justify-content:space-around;gap:15px;flex:1;border-bottom:1px solid #ecebf8;padding:15px 15px 0}.mock-bars i{flex:1;background:linear-gradient(0deg,#b8a7ff,#7353ed);border-radius:5px 5px 0 0}.mock-posts{display:flex;gap:10px;margin-top:14px}.mock-posts span{display:block;height:9px;width:30%;border-radius:10px;background:#e9eaf6}.floating-label{position:absolute;z-index:3;border:1px solid #e5dffc;background:#fff;box-shadow:0 15px 40px #403b8d1c;border-radius:13px;padding:11px 16px;color:#404464;font-weight:800;font-size:10.5px;display:flex;align-items:center;gap:9px}.label-a{top:29px;right:0}.label-b{bottom:27px;left:0}.tiny-check{display:grid;place-items:center;background:#dffbef;color:#16a878;border-radius:50%;width:22px;height:22px}.label-b svg{color:#21b98b}.public-proof{border-top:1px solid #eff0f7;border-bottom:1px solid #eff0f7;background:#fbfbfe}.proof-row{display:flex;align-items:center;justify-content:center;gap:65px;min-height:88px;color:#a0a8b9;font-size:11px}.proof-row b{font-size:17px;letter-spacing:-.4px;color:#515a76}.proof-row .proof-hint{font-size:9px}.public-section{padding-top:108px;padding-bottom:90px}.section-intro{text-align:center;max-width:730px;margin:0 auto 50px}.section-intro h1,.section-intro h2{color:#23283e;line-height:1.5;margin:9px 0 9px;font-size:clamp(27px,3.2vw,39px);letter-spacing:-.6px}.section-intro p{font-size:13px;color:#8992a8;line-height:2}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card{border:1px solid #edeef5;border-radius:19px;padding:27px 26px;min-height:218px;background:#fff;box-shadow:0 15px 34px rgba(34,39,105,.03)}.feature-card:hover{box-shadow:0 19px 50px #6059bb16;transform:translateY(-3px);border-color:#d8d0fb}.feature-icon{display:grid;place-items:center;height:50px;width:50px;border-radius:14px;background:linear-gradient(145deg,#eeeaff,#f7f4ff);color:#7151ee}.feature-card h3{font-size:16px;color:#30364e;margin:17px 0 7px}.feature-card p{font-size:11.5px;color:#8792a8;line-height:2;margin:0}.workflow-wrap{background:#f7f6fc}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{background:#fff;border-radius:17px;border:1px solid #edeefa;padding:24px}.step-card>span{font-size:28px;line-height:1.2;color:#a894ff;font-weight:800}.step-card h3{margin:18px 0 7px;font-size:15px}.step-card p{font-size:11px;color:#8c95a9;line-height:2}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.pricing-card{border:1px solid #e6e8f0;border-radius:19px;padding:30px;position:relative;background:white;display:flex;flex-direction:column}.pricing-card.featured{border-color:#775ef1;box-shadow:0 22px 60px #6c53ef19;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7857fd,#c4b8ff) border-box}.pricing-featured{position:absolute;top:-16px;right:22px;background:#6848ee;color:#fff;font-size:10px;padding:5px 15px;border-radius:40px;font-weight:800}.pricing-card h3{margin:0;color:#30384c;font-size:18px}.plan-price{margin:22px 0 7px;display:flex;align-items:baseline;gap:6px}.plan-price b{font-size:34px;color:#242845;line-height:1.2}.plan-price span{color:#8f98ab;font-size:12px}.pricing-card p{font-size:12px;color:#8c96a9;margin:0 0 22px}.pricing-card ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:15px;flex:1}.pricing-card li{display:flex;gap:9px;align-items:center;font-size:12px;color:#66718b}.pricing-card li svg{color:#20ae7a}.pricing-note{background:#f5f3ff;border:1px solid #e4dbff;color:#685888;display:flex;align-items:center;justify-content:center;gap:10px;margin:40px auto 0;max-width:940px;border-radius:14px;padding:15px;font-size:11.5px}.faq-list{max-width:830px;margin:auto;display:grid;gap:12px}.faq-list details{border:1px solid #eaebf3;border-radius:12px;padding:18px 23px;background:#fff}.faq-list summary{color:#36405c;font-size:13px;font-weight:800;cursor:pointer;list-style:revert}.faq-list p{color:#828ca4;font-size:12px;line-height:2}.cta-section{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#1b2045,#3e287d);color:#fff;margin-top:20px;margin-bottom:75px;padding:45px 55px;border-radius:22px}.cta-section .eyebrow{color:#bea8ff}.cta-section h2{margin:4px 0;font-size:28px;color:#fff}.cta-section p{margin:0;color:#b6b1d0;font-size:12px}.public-footer{border-top:1px solid #eeeefa;max-width:1260px;margin:auto;padding:40px 26px;display:grid;grid-template-columns:1fr auto;gap:10px;color:#9199ad}.footer-name{font-size:16px;color:#34405f;font-weight:800}.public-footer p{font-size:11px}.footer-links{display:flex;align-items:center;gap:18px}.footer-links a{font-size:11px}.footer-links a:hover{color:#5b3ede}.footer-copy{grid-column:1/-1;border-top:1px solid #eef0f6;padding-top:15px}.pricing-page{min-height:60vh}.legal-page{min-height:62vh;padding:65px 0 100px;max-width:850px;color:#636c81}.legal-page h1{color:#252b45;font-size:32px}.legal-page h2{color:#374363;font-size:16px;margin-top:28px}.legal-page p{line-height:2.2;font-size:13px}
/* --------------------------- Authentication --------------------------- */
.auth-page{background:#f7f8fc;min-height:100vh}.auth-shell{display:grid;grid-template-columns:47% 53%;min-height:100vh}.auth-promo{background:radial-gradient(circle at 20% 82%,#5134b3 0,transparent 40%),linear-gradient(145deg,#111633,#252252);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:50px clamp(27px,5vw,88px);position:relative;overflow:hidden}.auth-promo:before{content:'';position:absolute;left:-90px;bottom:-100px;width:320px;height:320px;border-radius:50%;border:1px solid #ffffff20;box-shadow:0 0 0 50px #ffffff07,0 0 0 120px #ffffff04}.auth-promo .brand{position:relative;z-index:1;color:white}.auth-promo-copy{position:relative;z-index:1;padding:50px 0}.auth-promo-copy .hero-eyebrow{background:#6e60c438;color:#d3c6ff}.auth-promo-copy h2{font-size:clamp(33px,3.5vw,55px);line-height:1.5;margin:22px 0 10px;letter-spacing:-.7px}.auth-promo-copy h2 span{color:#aa96ff}.auth-promo-copy>p{color:#bbbdda;font-size:13px;line-height:2.2;max-width:460px;margin-bottom:28px}.auth-feature{display:flex;align-items:center;gap:10px;font-size:12px;color:#d6d7ea;padding:8px 0}.auth-feature svg{color:#a996ff}.auth-small-cards{display:flex;gap:12px;position:relative;z-index:1}.auth-small-cards>div{display:flex;flex-direction:column;gap:5px;border:1px solid #ffffff25;background:#ffffff0d;border-radius:13px;padding:15px 22px;min-width:160px}.auth-small-cards svg{color:#b5a5ff}.auth-small-cards strong{font-size:12px}.auth-small-cards small{color:#a5adcf;font-size:9px}.auth-main{display:flex;flex-direction:column;align-items:center;padding:35px 35px;justify-content:space-between;min-width:0}.auth-top{display:flex;justify-content:space-between;width:min(480px,100%);gap:15px}.auth-card{width:min(480px,100%);margin:auto;padding:35px 0}.auth-title h1{font-size:31px;margin:9px 0 4px;letter-spacing:-.4px}.auth-title p{color:#8d97ac;font-size:12.5px;line-height:2}.auth-form{display:grid;gap:19px;margin-top:27px}.auth-form label{font-size:12px;gap:8px}.auth-form input,.auth-form select{min-height:50px!important;padding:12px 15px!important;font-size:13px!important}.auth-form .choice{font-size:11px}.auth-form .choice a{color:#6949ef}.auth-form .btn{margin-top:5px}.auth-inline{display:flex;justify-content:flex-end}.password-field{position:relative}.password-field input{padding-left:50px!important}.password-toggle{position:absolute;top:50%;transform:translateY(-50%);left:7px;border:0;background:none;color:#9ca6be;padding:8px}.auth-after{text-align:center;border-top:1px solid #eceef4;padding-top:22px;margin-top:28px;font-size:12px;color:#8a95aa}.auth-after a{color:#6849ed;font-weight:800}.auth-legal{display:flex;gap:12px;color:#9ba5b8;font-size:10px;padding-top:12px}.auth-legal a:hover{color:#6746ef}
@media(max-width:1230px){.sidebar{width:242px}.main{width:calc(100% - 242px)}.content{padding:28px 25px 60px}.public-links{gap:20px}.hero{grid-template-columns:50% 50%}.hero-visual{transform:scale(.95)}}
@media(max-width:1040px){.sidebar{width:220px}.main{width:calc(100% - 220px)}.dashboard-columns{grid-template-columns:1fr}.integrations-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;gap:15px;padding-top:75px;text-align:center}.hero-copy{max-width:750px;margin:auto}.hero-description{max-width:700px;margin:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{width:min(640px,100%);margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.public-links{display:none}.pricing-grid{gap:12px}.pricing-card{padding:23px}.auth-shell{grid-template-columns:39% 61%}.auth-promo{padding:40px 26px}.auth-small-cards{display:none}}
@media(max-width:760px){.main{width:100%}.sidebar{position:fixed!important;right:0;top:0;width:min(287px,86vw)!important;height:100vh!important;padding:24px 15px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;flex-wrap:nowrap!important;transform:translateX(105%);transition:transform .25s;z-index:110}.sidebar.open{transform:translateX(0)}.sidebar .brand{margin:0 5px 24px;font-size:13px}.sidebar .brand small,.sidebar .side-label,.sidebar .side-bottom{display:flex!important}.sidebar .side-label{display:block!important}.sidebar .side-link{padding:10px 14px;font-size:12px;display:flex!important}.mobile-menu{display:grid}.mobile-overlay.open{position:fixed;inset:0;display:block;background:#0d123a94;z-index:100}.topbar{height:65px;padding:0 17px;position:sticky}.topbar-leading{gap:10px}.topbar-actions{gap:8px}.system-dot{display:none}.breadcrumbs{font-size:11px}.breadcrumbs strong{font-size:11px}.content{padding:24px 16px 65px}.heading{align-items:flex-start;flex-direction:column;gap:12px}.heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:120px;padding:15px}.pro-metrics .metric .metric-icon{position:static}.pro-metrics .metric small{padding:0;min-height:0}.metric b{font-size:25px}.panel{padding:18px}.section-heading{align-items:flex-start;flex-wrap:wrap}.admin-spotlight{flex-direction:column;align-items:flex-start}.calendar-grid{overflow-x:auto}.calendar-cell{min-height:94px;padding:3px}.calendar-day-title{font-size:9px}.cal-event{font-size:8px;line-height:1.3}.day-number{font-size:10px}.integrations-grid{grid-template-columns:1fr 1fr}.settings-columns{grid-template-columns:1fr}.toolbar-filters label{max-width:none;width:100%;flex:auto}.toolbar-filters .btn{flex:1}.quick-grid{grid-template-columns:1fr 1fr}.account-status{display:none}.proof-row{gap:15px;flex-wrap:wrap;padding:18px 0}.proof-row b{font-size:12px}.proof-row .proof-hint{display:none}.public-nav{height:76px;padding:0 19px}.public-brand{font-size:12px}.public-actions{gap:2px}.public-actions .btn{font-size:11px;padding:8px 11px}.public-actions .text-btn{padding:8px}.section-container{width:min(100% - 34px,1180px)}.hero{padding:65px 0 40px;min-height:0}.hero h1{font-size:36px}.hero-description{font-size:12.5px}.hero-visual{min-height:360px;transform:none}.hero-dashboard{height:320px;width:97%;transform:none}.mock-main{padding:16px}.mock-mini{gap:7px;margin:12px 0}.mock-mini>div{padding:9px}.mock-mini b{font-size:22px}.mock-chart{height:110px}.floating-label{font-size:8px;padding:7px 10px}.label-a{top:2px}.label-b{bottom:6px}.mock-side{width:37px;padding:17px 8px;gap:16px}.mock-side>span{width:11px;height:11px}.public-section{padding:65px 0}.section-intro{margin-bottom:28px}.section-intro h2{font-size:26px}.section-intro p{font-size:12px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:22px}.steps-grid{grid-template-columns:1fr 1fr;gap:9px}.step-card{padding:16px}.step-card h3{font-size:12px}.step-card p{font-size:10px}.cta-section{padding:30px 22px;flex-direction:column;align-items:flex-start;margin-bottom:30px}.cta-section h2{font-size:24px}.public-footer{grid-template-columns:1fr;padding:30px 18px}.footer-links{flex-wrap:wrap}.auth-shell{grid-template-columns:1fr}.auth-promo{display:none}.auth-main{min-height:100vh;padding:24px 20px}.auth-card{margin:auto}.auth-title h1{font-size:27px}}
@media(max-width:450px){.metric-grid{gap:8px}.metric{padding:12px;min-height:112px}.metric small{font-size:10px}.metric-icon{width:32px;height:32px}.metric b{font-size:24px}.topbar .top-avatar{display:none}.input-pair,.settings-form .input-pair{grid-template-columns:1fr}.toolbar-filters{gap:9px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-trust{gap:9px}.hero h1{font-size:31px}.hero-visual{min-height:330px}.quick-grid{grid-template-columns:1fr}.smart-row{gap:8px}.smart-row .time-chip{font-size:8px}.footer-links{gap:12px}.auth-form{gap:14px}}
.pricing-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.pricing-admin-grid .panel{height:100%}.pricing-admin-grid .admin-plan-card .settings-form{gap:13px}.pricing-admin-grid label.choice{line-height:1.6;font-size:11px}.pro-account .grow{min-width:0}
@media(max-width:1200px){.pricing-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.pricing-admin-grid{grid-template-columns:1fr}}

.media-cover video{width:100%;height:100%;object-fit:contain;background:#16192a}.item-head video.item-thumb{object-fit:contain;background:#16192a}