:root{--primary:#3157d5;--primary-dark:#2447bb;--primary-soft:#eef2ff;--coral:#ef6964;--green:#218a62;--green-soft:#eaf7f1;--amber:#b97818;--amber-soft:#fff6df;--red:#c64545;--red-soft:#fff0ef;--ink:#182033;--muted:#687188;--soft:#f7f8fb;--border:#e4e8f0;--white:#fff;--shadow:0 12px 32px #22305314}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #3157d533}h1,h2,h3,p{margin-top:0}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.button.primary{color:#fff;background:var(--primary);box-shadow:0 7px 16px #3157d52e}.button.primary:hover{background:var(--primary-dark)}.button.secondary{border-color:var(--border);background:#fff}.button.secondary:hover{background:var(--soft);border-color:#cbd2df}.button.ghost{color:var(--muted);background:0 0}.button.compact{min-height:36px;padding:0 12px;font-size:12px}.button.wide{width:100%;min-height:48px}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{background:var(--soft)}.icon-button.bordered{border:1px solid var(--border);background:#fff}.spinner{border:2px solid #d5daea;border-top-color:var(--primary);border-radius:50%;width:17px;height:17px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{grid-template-columns:minmax(430px,.92fr) 1.08fr;min-height:100vh;display:grid}.auth-brand{color:#fff;background:#284bbb;flex-direction:column;min-height:100vh;padding:42px 56px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";border:1px solid #ffffff29;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-160px;right:-210px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05}.brand{letter-spacing:-.4px;align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-light .brand-mark{color:var(--primary);background:#fff}.auth-brand-copy{z-index:1;max-width:520px;margin:auto 0;position:relative}.auth-brand-copy h1{letter-spacing:-2.5px;margin-bottom:22px;font-size:clamp(38px,4.3vw,64px);line-height:1.04}.auth-brand-copy p{color:#ffffffbf;max-width:440px;font-size:17px;line-height:1.65}.auth-orbit{width:280px;height:190px;position:absolute;bottom:15%;right:8%}.orbit-card{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff17;border:1px solid #ffffff30;border-radius:12px;padding:12px 18px;font-size:12px;font-weight:700;position:absolute;box-shadow:0 10px 30px #08164d2e}.orbit-one{top:0;right:25px;transform:rotate(4deg)}.orbit-two{top:70px;left:0;transform:rotate(-5deg)}.orbit-three{bottom:0;right:0;transform:rotate(3deg)}.auth-panel{background:#fff;place-items:center;min-height:100vh;padding:44px;display:grid}.auth-box{width:min(100%,430px)}.auth-box h2{letter-spacing:-1px;margin-bottom:9px;font-size:30px}.auth-box>p{color:var(--muted);margin-bottom:32px;line-height:1.55}.form-stack{gap:18px;display:grid}label,fieldset legend{color:#3d465a;font-size:12px;font-weight:700}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:9px;transition:border-color .16s,box-shadow .16s}input{height:44px;padding:0 13px}textarea{resize:vertical;padding:13px}select{height:38px;padding:0 34px 0 12px}input:focus,textarea:focus,select:focus{border-color:#9dafef;outline:none;box-shadow:0 0 0 3px #3157d517}label>input,label>.password-field,label>select{margin-top:7px}.password-field{display:block;position:relative}.password-field input{padding-right:45px}.password-field button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;top:4px;right:4px}.form-error{color:var(--red);background:var(--red-soft);border:1px solid #f2c6c6;border-radius:9px;margin:0;padding:11px 13px;font-size:12px}.auth-switch{text-align:center;font-size:13px;margin-top:24px!important}.auth-switch a{color:var(--primary);font-weight:700}.auth-legal{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:18px;font-size:11px;display:flex}.auth-legal a:hover{color:var(--primary)}.legal-page{background:#f7f8fb;min-height:100vh}.legal-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;min-height:70px;padding:0 max(24px,50vw - 540px);display:flex;position:sticky;top:0}.legal-back{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.legal-back:hover{color:var(--primary)}.legal-document{border:1px solid var(--border);width:min(100% - 32px,880px);box-shadow:var(--shadow);background:#fff;border-radius:16px;margin:42px auto;overflow:hidden}.legal-intro{color:#fff;background:#284bbb;padding:48px 56px 40px}.legal-intro h1{letter-spacing:-1.8px;margin-bottom:14px;font-size:clamp(32px,5vw,48px);line-height:1.08}.legal-intro>p:last-child{color:#ffffffc7;max-width:680px;margin:0;font-size:16px;line-height:1.65}.legal-updated{color:#ffffffad;text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px;font-size:11px;font-weight:800}.legal-content{padding:44px 56px 54px}.legal-content section{border-bottom:1px solid var(--border);margin-bottom:28px;padding:0 0 28px}.legal-content section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.legal-content h2{letter-spacing:-.35px;margin-bottom:12px;font-size:18px;line-height:1.35}.legal-content p,.legal-content li{color:#53607a;font-size:14px;line-height:1.75}.legal-content p{margin-bottom:12px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{gap:8px;margin:0;padding-left:20px;display:grid}.legal-content a{color:var(--primary);font-weight:700}.legal-contact{background:#f6f8ff;border-radius:11px;border:1px solid #dbe3fb!important;padding:20px!important}.legal-footer{width:min(100% - 32px,880px);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:0 0 36px;font-size:11px;display:flex}.legal-footer nav{flex-wrap:wrap;gap:16px;display:flex}.legal-footer a:hover{color:var(--primary)}.app-shell{background:var(--soft);min-height:100vh;display:flex}.sidebar{z-index:30;border-right:1px solid var(--border);background:#fff;flex-direction:column;width:244px;height:100vh;display:flex;position:fixed}.sidebar-head{justify-content:space-between;align-items:center;height:70px;padding:0 22px;display:flex}.workspace-select{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:10px;margin:4px 14px 18px;padding:10px;display:flex}.workspace-select>span:nth-child(2),.user-menu>span:nth-child(2){flex:1;min-width:0}.workspace-select strong,.workspace-select small,.user-menu strong,.user-menu small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-select strong,.user-menu strong{font-size:12px}.workspace-select small,.user-menu small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:500}.workspace-avatar,.user-avatar,.top-user-avatar{color:#fff;background:#263968;border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.workspace-avatar{width:33px;height:33px}.sidebar nav{gap:3px;padding:0 11px;display:grid}.nav-item{color:#5f687c;border-radius:9px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:12px;font-weight:650;display:flex;position:relative}.nav-item:hover{color:var(--ink);background:var(--soft)}.nav-item.selected{color:var(--primary);background:var(--primary-soft)}.nav-item.selected:before{background:var(--primary);content:"";border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;left:-11px}.nav-count{color:#fff;background:var(--coral);border-radius:20px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:9px;display:grid}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:14px}.user-menu{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;padding:8px;display:flex}.user-menu:hover{background:var(--soft)}.user-avatar{background:#d85f5d;width:34px;height:34px}.app-main{width:calc(100% - 244px);min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--border);background:#fff;align-items:center;height:70px;padding:0 28px;display:flex}.topbar-spacer{flex:1}.notification{color:#60697b;margin-right:10px;position:relative}.notification span{background:var(--coral);border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.top-user-avatar{background:#d85f5d;width:34px;height:34px}.page{background:#fff;min-height:calc(100vh - 70px);padding:28px}.page-title-row{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.page-title-row h1{letter-spacing:-.75px;margin-bottom:6px;font-size:25px;line-height:1.2}.page-title-row p{color:var(--muted);margin-bottom:0;font-size:13px}.page-loader{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.mobile-only{display:none}.calendar-page{flex-direction:column;display:flex}.calendar-toolbar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:10px 0;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-group h2{text-transform:capitalize;letter-spacing:-.25px;margin:0 0 0 8px;font-size:16px}.calendar-workspace{border:1px solid var(--border);border-radius:12px;flex:1;grid-template-columns:minmax(650px,1fr) 290px;min-height:680px;display:grid;overflow:hidden}.calendar-board{border-right:1px solid var(--border);min-width:0;overflow:auto}.calendar-weekdays,.calendar-grid{min-width:720px}.calendar-weekdays{border-bottom:1px solid var(--border);background:#fafbfc;grid-template-columns:repeat(7,1fr);height:42px;display:grid}.calendar-weekdays div{border-right:1px solid var(--border);color:#7a8293;text-transform:uppercase;letter-spacing:.6px;align-items:center;padding-left:10px;font-size:10px;font-weight:800;display:flex}.calendar-grid{grid-template-rows:repeat(6,minmax(100px,1fr));grid-template-columns:repeat(7,1fr);min-height:637px;display:grid}.calendar-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;min-width:0;padding:8px;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#fbfcfd}.day-number{color:#4d5669;place-items:center;width:23px;height:23px;font-size:11px;font-weight:700;display:grid}.outside .day-number{color:#b1b7c3}.day-number.today{color:#fff;background:var(--primary);border-radius:50%}.day-events{gap:4px;margin-top:4px;display:grid}.calendar-event{text-align:left;color:#47506a;cursor:pointer;background:#f2f4fa;border:1px solid #0000;border-radius:6px;gap:5px;min-width:0;padding:5px 6px;display:flex}.calendar-event:hover,.calendar-event.active{border-color:#b8c4ef;box-shadow:0 2px 7px #3157d514}.calendar-event>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.calendar-event strong{margin-right:4px;font-size:9px}.event-icon{color:#fff;background:var(--coral);border-radius:4px;flex:none;place-items:center;width:15px;height:15px;display:grid}.event-icon.facebook-event{background:#3267c9}.fb-letter{font-family:Arial,sans-serif;font-size:11px;font-weight:900}.status-scheduled{background:#eef2ff}.status-published{background:var(--green-soft)}.status-draft{background:#f2f3f6}.status-failed{background:var(--red-soft)}.detail-rail{background:#fcfcfd;flex-direction:column;min-width:0;padding:20px;display:flex}.detail-rail-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.detail-rail-head small,.caption-preview small,.preview-heading small{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.detail-rail-head h3{margin:0;font-size:16px}.status-badge{color:var(--muted);background:#eef0f4;border-radius:20px;padding:5px 7px;font-size:9px;font-weight:800}.status-badge.status-scheduled{color:var(--primary);background:var(--primary-soft)}.status-badge.status-published{color:var(--green);background:var(--green-soft)}.status-badge.status-failed{color:var(--red);background:var(--red-soft)}.post-preview-art{color:#fff;background:#283054;border-radius:10px;flex-direction:column;justify-content:flex-end;height:205px;margin-bottom:16px;padding:18px;display:flex;position:relative;overflow:hidden}.post-preview-art:before{content:"";background:linear-gradient(145deg,#0000 35%,#f0696466);position:absolute;inset:0}.post-preview-art span,.post-preview-art small{z-index:1;position:relative}.post-preview-art span{letter-spacing:-1.5px;font-family:Georgia,serif;font-size:29px;line-height:.86}.post-preview-art small{color:#ffffffbd;text-transform:uppercase;letter-spacing:1.4px;margin-top:8px;font-size:9px}.art-sun{background:#ef766c;border-radius:50%;width:74px;height:74px;position:absolute;top:32px;right:25px;box-shadow:0 0 0 16px #ef766c14}.post-preview-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.detail-list{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:11px;margin:0 0 16px;padding:14px 0;display:grid}.detail-list div{justify-content:space-between;align-items:center;gap:15px;display:flex}.detail-list dt{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.detail-list dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;font-weight:700;overflow:hidden}.caption-preview p{color:#525b6d;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.detail-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.state-box{text-align:center;min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.state-box.empty-state{flex-direction:column}.state-box.empty-state strong{color:var(--ink)}.state-box.empty-state p{max-width:270px;margin:0 0 5px;line-height:1.5}.error-state{color:var(--red);flex-direction:column}.error-state p{margin-bottom:6px}.mobile-agenda{display:none}.composer-page{background:#fbfcfe}.stepper{color:#8a91a0;align-items:center;gap:13px;max-width:700px;margin:0 0 26px;padding:0;font-size:11px;font-weight:700;list-style:none;display:flex}.stepper li{align-items:center;gap:7px;display:flex}.stepper li>span{border:1px solid var(--border);background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.stepper li.active{color:var(--primary)}.stepper li.active>span{color:#fff;border-color:var(--primary);background:var(--primary)}.composer-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:26px;max-width:1240px;display:grid}.composer-form{gap:16px;display:grid}.form-section{border:1px solid var(--border);background:#fff;border-radius:12px;padding:24px}.section-heading{gap:12px;margin-bottom:20px;display:flex}.section-heading>span{width:28px;height:28px;color:var(--primary);background:var(--primary-soft);border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.section-heading h2{margin-bottom:3px;font-size:16px}.section-heading p{color:var(--muted);margin:0;font-size:11px}fieldset{border:0;margin:20px 0;padding:0}fieldset legend{margin-bottom:8px}.format-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.format-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:76px;padding:13px;display:flex;position:relative}.format-card:hover,.format-card.selected{color:var(--primary);background:#fafbff;border-color:#9fb0ec}.format-card strong{font-size:11px}.format-check{color:#fff;background:var(--primary);border-radius:50%;padding:2px;position:absolute;top:7px;right:7px}.upload-zone{position:relative}.upload-zone input{opacity:0;width:1px;height:1px;position:absolute}.upload-zone>label{cursor:pointer;background:#fbfcfe;border:1px dashed #bfc7d5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:170px;display:flex}.upload-zone>label:hover{border-color:var(--primary);background:#fafbff}.upload-zone strong{color:var(--ink);font-size:12px}.upload-zone small{color:var(--muted);font-size:10px}.upload-icon{width:43px;height:43px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;display:grid}.upload-list{gap:7px;margin-top:10px;display:grid}.upload-item{border:1px solid var(--border);border-radius:9px;align-items:center;gap:10px;padding:8px;display:flex}.upload-item img{object-fit:cover;border-radius:7px;width:44px;height:44px}.upload-item>span{flex:1;min-width:0}.upload-item strong,.upload-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.upload-item strong{font-size:11px}.upload-item small{color:var(--green);margin-top:3px;font-size:9px}.channel-options{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.channel-row,.connect-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.channel-row:hover,.channel-row.selected{background:#fafbff;border-color:#9fb0ec}.channel-row>span:nth-child(2),.connect-card>span:nth-child(2){flex:1;min-width:0}.channel-row strong,.channel-row small,.connect-card strong,.connect-card small{display:block}.channel-row strong,.connect-card strong{font-size:11px}.channel-row small,.connect-card small{color:var(--muted);margin-top:3px;font-size:9px}.channel-logo{border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.channel-logo.instagram{color:#d84f6e;background:#fff0f3}.channel-logo.facebook{color:#2862ca;background:#eef4ff}.check-circle{border:1px solid var(--border);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.channel-row.selected .check-circle{color:#fff;border-color:var(--primary);background:var(--primary)}.inline-state{text-align:center;color:var(--muted);grid-column:1/-1;padding:20px}.textarea-wrap{border:1px solid var(--border);border-radius:9px;overflow:hidden}.textarea-wrap:focus-within{border-color:#9dafef;box-shadow:0 0 0 3px #3157d517}.textarea-wrap textarea{min-height:125px;box-shadow:none;border:0;border-radius:0}.textarea-tools{border-top:1px solid var(--border);background:#fbfcfd;justify-content:space-between;align-items:center;padding:8px 11px;display:flex}.textarea-tools button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:3px 7px}.textarea-tools small{color:var(--muted);font-size:9px}.two-columns,.schedule-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;display:grid}label>span{align-items:center;gap:5px;display:flex}.schedule-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.schedule-option{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:flex-start;gap:8px;padding:12px;display:flex}.schedule-option.selected{background:#fafbff;border-color:#9fb0ec}.schedule-option strong,.schedule-option small{display:block}.schedule-option strong{font-size:10px}.schedule-option small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.4}.radio-dot{border:1px solid #b8bfcd;border-radius:50%;flex:none;width:15px;height:15px}.schedule-option.selected .radio-dot{border:4px solid var(--primary)}.schedule-fields{grid-template-columns:1fr 1fr 1.4fr}.composer-actions{justify-content:flex-end;gap:8px;padding:5px 0 20px;display:flex}.live-preview{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:20px;position:sticky;top:92px}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.preview-heading h3{margin:0;font-size:15px}.platform-switch{background:var(--soft);border-radius:8px;padding:3px;display:flex}.platform-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.platform-switch button.active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #1a243c14}.phone-frame{background:#fff;border:7px solid #14161c;border-radius:34px;max-width:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 38px #19213533}.phone-notch{z-index:3;background:#14161c;border-radius:0 0 13px 13px;width:108px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-placeholder{color:#9ca4b3;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.ig-preview{color:#262626;padding-top:20px;font-size:13px}.ig-head{align-items:center;gap:9px;padding:11px 12px;display:flex}.ig-avatar{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.ig-head-name{flex:1;min-width:0}.ig-head-name strong{font-size:13px;font-weight:700;display:block}.ig-head-name small{color:#262626;font-size:11px;display:block}.ig-more{color:#262626;letter-spacing:1px}.ig-media{aspect-ratio:1;background:#fafafa;place-items:center;display:grid;overflow:hidden}.ig-media img{object-fit:cover;width:100%;height:100%}.ig-actions{color:#262626;justify-content:space-between;align-items:center;padding:11px 12px 6px;display:flex}.ig-actions-left{gap:14px;display:flex}.ig-likes{padding:0 12px 3px;font-size:13px;font-weight:600}.ig-caption{padding:2px 12px 4px;font-size:13px;line-height:1.45}.ig-time{color:#8e8e8e;text-transform:uppercase;letter-spacing:.3px;padding:3px 12px 14px;font-size:10px}.fb-preview{color:#050505;padding-top:22px;font-size:14px}.fb-head{align-items:center;gap:9px;padding:12px 12px 8px;display:flex}.fb-avatar{color:#fff;background:#1877f2;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.fb-head-name{flex:1;min-width:0}.fb-head-name strong{font-size:14px;font-weight:700;display:block}.fb-head-name small{color:#65676b;align-items:center;gap:4px;font-size:12px;display:flex}.fb-more{color:#65676b;letter-spacing:1px}.fb-caption{padding:0 12px 10px;font-size:14px;line-height:1.45}.fb-media{aspect-ratio:1;background:#f0f2f5;place-items:center;display:grid;overflow:hidden}.fb-media img{object-fit:cover;width:100%;height:100%}.fb-actions{border-top:1px solid #ced0d4;justify-content:space-around;align-items:center;padding:6px 4px;display:flex}.fb-actions span{color:#65676b;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;display:flex}.preview-summary{color:var(--primary);background:var(--primary-soft);border-radius:9px;align-items:center;gap:9px;margin-top:16px;padding:11px;display:flex}.preview-summary strong,.preview-summary small{display:block}.preview-summary strong{font-size:10px}.preview-summary small{color:#6875a6;margin-top:2px;font-size:8px}.inbox-page{flex-direction:column;padding-bottom:0;display:flex}.inbox-title{margin-bottom:17px}.inbox-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.inbox-tabs{gap:5px;display:flex}.inbox-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:700;transition:all .16s}.inbox-tabs button:hover{color:var(--ink);background:var(--soft)}.inbox-tabs button.active{color:var(--primary);background:var(--primary-soft)}.inbox-layout{border:1px solid var(--border);border-radius:14px;flex:1;grid-template-columns:320px minmax(420px,1fr) 280px;min-height:650px;display:grid;overflow:hidden;box-shadow:0 1px 2px #1820330a}.conversation-list,.thread-panel{border-right:1px solid var(--border)}.conversation-list{background:#fff;overflow:auto}.search-box{border:1px solid var(--border);color:var(--muted);background:var(--soft);border-radius:10px;align-items:center;gap:8px;margin:14px;padding:0 12px;display:flex}.search-box input{height:40px;box-shadow:none;background:0 0;border:0;padding:0;font-size:14px}.conversation-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f2f4f8;align-items:center;gap:11px;width:100%;padding:12px 14px;transition:background .12s;display:flex;position:relative}.conversation-row:hover{background:#f7f8fc}.conversation-row.selected{background:var(--primary-soft)}.conversation-row.selected:before{background:var(--primary);content:"";width:3px;position:absolute;inset:0 auto 0 0}.contact-avatar{color:#fff;background:linear-gradient(135deg,#7c6fe8,#c55e6c);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:visible}.avatar-fallback{letter-spacing:.2px;font-size:14px;font-weight:800}.contact-avatar.unread-ring{box-shadow:0 0 0 2.5px #fff, 0 0 0 4.5px var(--primary)}.contact-avatar i{color:#fff;background:var(--coral);border:2.5px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;display:grid;position:absolute;bottom:-2px;right:-2px}.contact-avatar i.facebook{background:#2c64c8}.contact-avatar.large{width:46px;height:46px}.contact-avatar.xl{width:76px;height:76px;margin:0 auto}.contact-avatar.xl .avatar-fallback{font-size:22px}.conversation-copy{flex:1;min-width:0}.conversation-copy>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.conversation-copy time{color:var(--faint,#9aa1af);flex-shrink:0;font-size:11px}.conversation-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12.5px;display:block;overflow:hidden}.conversation-copy small.unread-preview{color:var(--ink);font-weight:600}.conversation-flags{flex-shrink:0;align-items:center;gap:6px;display:flex}.unread-count{color:#fff;background:var(--primary);border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.thread-panel{background:#fbfbfd;flex-direction:column;min-width:0;display:flex}.thread-head{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:12px;height:72px;padding:0 18px;display:flex}.thread-head>span:nth-child(2){flex:1;min-width:0}.thread-head strong,.thread-head small{align-items:center;gap:5px;display:flex}.thread-head strong{font-size:15px}.thread-head small{color:var(--muted);margin-top:2px;font-size:12px}.thread-actions{align-items:center;gap:6px;display:flex}.thread-messages{flex-direction:column;flex:1;gap:3px;min-height:0;padding:22px;display:flex;overflow-y:auto}.day-separator{justify-content:center;align-items:center;margin:14px 0 16px;display:flex}.day-separator span{color:var(--muted);background:var(--soft);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700}.message-row{flex-direction:column;align-items:flex-start;max-width:68%;margin-top:12px;display:flex}.message-row.grouped{margin-top:3px}.message-row.outbound{align-self:flex-end;align-items:flex-end}.message-bubble{color:#263042;word-break:break-word;background:#fff;border-radius:5px 16px 16px;padding:11px 14px;font-size:14.5px;line-height:1.48;box-shadow:0 1px 2px #1c27400f}.outbound .message-bubble{color:#fff;background:linear-gradient(135deg, #4a6bea, var(--primary));border-radius:16px 5px 16px 16px;box-shadow:0 3px 10px #3157d538}.message-bubble time{color:#9aa2b4;justify-content:flex-end;align-items:center;gap:4px;margin-top:5px;font-size:10.5px;display:flex}.outbound .message-bubble time{color:#ffffffbf}.automation-label{color:var(--primary);align-items:center;gap:5px;margin:6px 0 5px;font-size:11px;font-weight:700;display:flex}.policy-note{text-align:center;color:#7b6846;background:#fff8e8;border-radius:9px;margin:0 18px 12px;padding:9px 12px;font-size:12px}.message-composer{border:1px solid var(--border);background:#fff;border-radius:22px;align-items:end;gap:8px;margin:0 18px 18px;padding:8px 8px 8px 16px;display:flex;box-shadow:0 1px 2px #1820330a}.message-composer textarea{min-height:24px;max-height:100px;box-shadow:none;resize:none;background:0 0;border:0;flex:1;padding:8px 0;font-size:14px;line-height:1.4}.message-composer textarea:disabled{color:var(--faint,#9aa1af)}.send-button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;transition:all .16s;display:grid}.send-button:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.contact-rail{background:#fff;padding:24px 20px;overflow-y:auto}.contact-profile{text-align:center;border-bottom:1px solid var(--border);padding-bottom:20px}.contact-profile h3{margin:12px 0 3px;font-size:16px}.contact-profile p{color:var(--muted);margin:0;font-size:12.5px}.context-section{border-bottom:1px solid var(--border);padding:18px 0}.context-section:last-child{border-bottom:0}.context-section>small{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.context-section dl{gap:12px;margin:0;display:grid}.context-section dl div{justify-content:space-between;align-items:center;gap:8px;display:flex}.context-section dt{color:var(--muted);font-size:13px}.context-section dd{align-items:center;gap:5px;margin:0;font-size:13px;font-weight:700;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span,.capabilities i{color:#5e6678;background:var(--soft);border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:12px;font-style:normal;font-weight:600;display:flex}.automation-context{background:#f7f9ff;border:1px solid #dce3fb;border-radius:9px;margin-top:16px;padding:12px}.automation-context-head{color:var(--primary);text-transform:uppercase;letter-spacing:.4px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:8px;font-weight:800;display:flex}.automation-context-head>span{align-items:center;gap:5px;display:flex}.automation-context strong{font-size:10px}.automation-context p{color:#515b70;margin:5px 0;font-size:9px;line-height:1.4}.automation-context small{color:var(--muted);font-size:8px;line-height:1.4}.toggle{cursor:pointer;background:#cdd2dc;border:0;border-radius:20px;width:34px;height:19px;padding:2px;position:relative}.toggle i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .18s;display:block;box-shadow:0 1px 3px #00000024}.toggle.active{background:var(--primary)}.toggle.active i{transform:translate(15px)}.management-page{background:#fbfcfe}.management-page>*{max-width:1100px}.notice{color:var(--primary);background:#f6f8ff;border:1px solid #dbe3fb;border-radius:10px;align-items:flex-start;gap:11px;margin-bottom:20px;padding:14px 16px;display:flex}.notice span{color:#53607e;font-size:11px;line-height:1.45}.notice strong{color:#33477e;margin-bottom:2px;display:block}.notice.warning{color:var(--amber);background:#fffbef;border-color:#f2dfad}.management-list{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden}.management-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:70px;padding:13px 16px;display:flex}.management-row:last-child{border-bottom:0}.management-icon{width:39px;height:39px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.management-copy{flex:1;min-width:0}.management-copy strong,.management-copy small{display:block}.management-copy strong{font-size:11px}.management-copy small{color:var(--muted);margin-top:4px;font-size:9px}.rule-action{color:var(--muted);margin-right:25px;font-size:9px}.connect-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:25px;display:grid}.connect-card{min-height:85px;padding:16px}.connect-card:hover{border-color:#a8b7e8;box-shadow:0 8px 18px #3157d50f}.subheading{margin:0 0 10px;font-size:14px}.capabilities{gap:4px;display:flex}.connected-label{color:var(--green);background:var(--green-soft);border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:flex}.media-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.media-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px}.media-card-art{aspect-ratio:1.15;color:#9ba3b2;background:#f0f2f6;border-radius:7px;place-items:center;margin-bottom:9px;display:grid;overflow:hidden}.media-card-art img{object-fit:cover;width:100%;height:100%}.media-card strong,.media-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.media-card strong{font-size:10px}.media-card small{color:var(--green);margin-top:4px;font-size:8px}.large-empty{background:#fff;border:1px dashed #cbd1dd;border-radius:11px;min-height:320px}.empty-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.role-badge{color:var(--primary);background:var(--primary-soft);border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.permission-panel{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:flex-start;gap:13px;margin-top:16px;padding:18px;display:flex}.permission-panel h3{margin-bottom:5px;font-size:13px}.permission-panel p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.settings-form{gap:15px;display:grid}.settings-form section{border:1px solid var(--border);background:#fff;border-radius:11px;padding:22px}.settings-form h2{margin-bottom:17px;font-size:14px}.settings-form .button{margin-top:17px}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:11px}.setting-row small{color:var(--muted);margin-top:3px;font-size:9px}@media (max-width:1100px){.calendar-workspace{grid-template-columns:minmax(620px,1fr) 260px}.composer-layout{grid-template-columns:minmax(0,1fr) 310px}.inbox-layout{grid-template-columns:260px 1fr}.contact-rail{display:none}}@media (max-width:820px){.mobile-only{display:grid}.sidebar{box-shadow:var(--shadow);transition:transform .22s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:20;background:#0f16285c;border:0;position:fixed;inset:0}.app-main{width:100%;margin-left:0}.topbar{padding:0 18px}.page{padding:20px 16px}.page-title-row{align-items:flex-start}.calendar-toolbar{flex-direction:column;align-items:flex-start}.filters{width:100%;overflow-x:auto}.calendar-workspace{border:0;min-height:auto;display:block}.calendar-board{display:none}.mobile-agenda{border:1px solid var(--border);background:#fff;border-radius:11px;display:grid;overflow:hidden}.mobile-agenda-row{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;align-items:center;gap:10px;min-height:72px;padding:11px 12px;display:flex}.mobile-agenda-row:last-child{border-bottom:0}.mobile-agenda-row.selected{background:#f7f9ff}.mobile-agenda-date{flex-direction:column;align-items:center;width:32px;display:flex}.mobile-agenda-date strong{font-size:16px;line-height:1}.mobile-agenda-date small{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:8px}.mobile-agenda-row .event-icon{border-radius:8px;width:28px;height:28px}.mobile-agenda-copy{flex:1;min-width:0}.mobile-agenda-copy strong,.mobile-agenda-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-agenda-copy strong{font-size:11px}.mobile-agenda-copy small{color:var(--muted);margin-top:4px;font-size:9px}.detail-rail{border:1px solid var(--border);border-radius:11px;margin-top:14px}.composer-layout{flex-direction:column;display:flex}.composer-form,.live-preview{width:100%}.live-preview{position:static}.inbox-layout{grid-template-columns:1fr}.conversation-list{display:none}.thread-panel{border:1px solid var(--border);min-height:650px}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.format-options,.schedule-options{grid-template-columns:repeat(2,1fr)}.channel-options,.connect-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.page-title-row{flex-direction:column}.page-title-row .button{width:100%}.auth-panel{padding:28px 20px}.form-section{padding:18px}.stepper{padding-bottom:5px;overflow-x:auto}.stepper li{flex:none}.two-columns,.schedule-fields{grid-template-columns:1fr}.composer-actions{grid-template-columns:1fr 1fr;display:grid}.composer-actions .primary{grid-area:1/1/auto/-1}.inbox-tabs{width:100%;overflow-x:auto}.inbox-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.message-row{max-width:88%}.message-composer{grid-template-columns:30px 1fr 36px}.saved-reply,.capabilities{display:none}.media-grid{grid-template-columns:1fr 1fr}.legal-header{padding:0 16px}.legal-back{font-size:0}.legal-back svg{width:20px;height:20px}.legal-document{border-radius:12px;margin:20px auto}.legal-intro{padding:34px 24px 30px}.legal-content{padding:30px 24px 36px}.legal-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.inline-form{border:1px solid var(--border);background:var(--surface,#fff);border-radius:10px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.inline-form label{color:#53607e;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.inline-form input,.inline-form textarea,.inline-form select{border:1px solid var(--border);font:inherit;border-radius:8px;padding:9px 11px}.inline-form-actions{justify-content:flex-end;gap:10px;display:flex}.invite-form{flex-flow:wrap;align-items:flex-end}.invite-form label{flex:200px}.form-success{color:#1f7a43;background:#eefcf2;border:1px solid #bfe3c9;border-radius:9px;margin:0;padding:11px 13px;font-size:12px}.connected-label.warning{color:var(--amber)}.disconnect-btn{color:var(--danger)}.disconnect-btn:hover{background:var(--danger-soft)}.disconnect-btn:disabled{opacity:.5;cursor:not-allowed}.automation-form{gap:16px}.flow-step{border:1px solid var(--border);border-left:3px solid var(--primary);background:#fafbff;border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex;position:relative}.flow-badge{background:var(--primary-soft);color:var(--primary);text-transform:uppercase;letter-spacing:.4px;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:800}.weekday-row{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.weekday{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.weekday.on{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.rule-priority{background:var(--soft);color:var(--muted);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.status-badge.muted{color:var(--muted);background:var(--soft)}.contact-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.menu-wrap{position:relative}.dropdown-menu{z-index:30;border:1px solid var(--border);min-width:220px;max-height:340px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.dropdown-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:13px;display:flex}.dropdown-menu button:hover{background:var(--soft)}.dropdown-divider{background:var(--border);height:1px;margin:6px 4px}.dropdown-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:10px;font-weight:800;display:block}.mini-status{border-radius:50%;flex:none;width:8px;height:8px}.mini-status.waiting{background:var(--amber)}.mini-status.resolved{background:var(--green)}.status-dot.open{background:var(--primary)}.status-dot.waiting{background:var(--amber)}.status-dot.resolved{background:var(--green)}.context-section select{width:100%}.tag-list span{align-items:center;gap:4px;display:inline-flex}.tag-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 0 0 2px;display:inline-flex}.tag-remove:hover{color:var(--red)}.tag-add{gap:6px;margin-top:10px;display:flex}.tag-add input{flex:1;height:34px}.policy-note.warning{color:var(--amber);background:#fffbef;border:1px solid #f2dfad}.muted{color:#8a93a8;font-size:12px}.checkbox-row{align-items:center;flex-direction:row!important;gap:8px!important}.admin-stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:26px;display:grid}.admin-stat{border:1px solid var(--border);background:var(--surface,#fff);border-radius:12px;flex-direction:column;gap:3px;padding:16px;display:flex}.admin-stat-icon{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:9px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.admin-stat strong{font-size:24px}.admin-stat small{color:#53607e;font-size:12px}.admin-stat em{color:#8a93a8;font-size:11px;font-style:normal}.admin-workspace-list{gap:14px;display:grid}.admin-workspace-card{border:1px solid var(--border);background:var(--surface,#fff);border-radius:12px;padding:16px}.admin-workspace-head{justify-content:space-between;align-items:center;display:flex}.admin-workspace-head small{color:#8a93a8;margin-left:8px;font-size:12px}.admin-usage{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.admin-usage span{background:var(--primary-soft);color:var(--primary);border-radius:7px;padding:4px 9px;font-size:11px;font-weight:700}.admin-limits{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:12px;padding-top:12px;display:flex}.admin-limits label{color:#53607e;flex-direction:column;gap:5px;font-size:11px;font-weight:600;display:flex}.admin-limits input[type=number]{border:1px solid var(--border);width:96px;font:inherit;border-radius:8px;padding:7px 9px}.posts-page{flex-direction:column;gap:20px;display:flex}.posts-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.posts-toolbar .inbox-tabs{flex:1}.tab-count{background:var(--border);min-width:18px;height:18px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;margin-left:5px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.posts-toolbar .inbox-tabs button.active .tab-count{background:var(--primary-soft);color:var(--primary)}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.post-card{border:1px solid var(--border);background:var(--surface,#fff);border-radius:14px;flex-direction:column;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 1px 2px #1820330a}.post-card:hover{border-color:#d4dbe8;transform:translateY(-3px);box-shadow:0 14px 30px #1820331a}.post-card-media{aspect-ratio:1;background:#283054;position:relative;overflow:hidden}.post-card-media img,.post-card-media video{object-fit:cover;width:100%;height:100%}.post-card-placeholder{color:#ffffff4d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.post-card-status{color:#fff;letter-spacing:.2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:800;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 6px #00000026}.post-card-status.status-published{background:#1f9d68d9}.post-card-status.status-failed{background:#d64545d9}.post-card-status.status-scheduled{background:#3157d5d9}.post-card-body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.post-card-body h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:700;overflow:hidden}.post-card-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;display:-webkit-box;overflow:hidden}.post-card-meta{justify-content:space-between;align-items:center;display:flex}.post-card-type{color:var(--muted);font-size:10px;font-weight:600}.post-card-channels{gap:3px;display:flex}.post-card-channels i{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.post-card-channels i.instagram{color:#fff;background:#f06565}.post-card-channels i.facebook{background:var(--primary);color:#fff}.post-card-date{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.post-card-actions{border-top:1px solid var(--border);background:#fcfcfd;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.post-card-edit{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .16s;display:inline-flex}.post-card-edit:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.post-card-actions-right{align-items:center;gap:4px;display:flex}.post-card-actions-right .icon-button{width:32px;height:32px;color:var(--muted);border-radius:9px}.post-card-actions-right .icon-button:hover{color:var(--ink);background:var(--soft);border-color:#d4dbe8}.post-card-actions-right .icon-button.warn:hover{color:var(--amber);border-color:var(--amber);background:var(--amber-soft)}.post-card-actions-right .icon-button.danger:hover{color:var(--red);border-color:var(--red);background:var(--red-soft)}.post-card-locked{color:var(--muted);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.spin{animation:1s linear infinite spin}.detail-actions-right{align-items:center;gap:8px;display:flex}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.pagination button:disabled{opacity:.4;cursor:not-allowed}.repost-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f162870;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.repost-modal{background:var(--white);border:1px solid var(--border);width:100%;max-width:520px;max-height:92vh;box-shadow:var(--shadow);border-radius:18px;overflow-y:auto}.repost-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.repost-head-title{align-items:center;gap:12px;display:flex}.repost-head-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.repost-head-title h3{margin:0;font-size:17px}.repost-head-title small{color:var(--muted)}.repost-tabs{gap:8px;padding:16px 20px 0;display:flex}.repost-tabs button{border:1px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .16s;display:flex}.repost-tabs button.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.repost-body{flex-direction:column;gap:16px;padding:18px 20px;display:flex}.repost-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.repost-choice button{text-align:left;border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:12px;padding:12px 14px;transition:all .16s}.repost-choice button.active{border-color:var(--primary);background:var(--primary-soft)}.repost-choice strong{font-size:14px;display:block}.repost-choice small{color:var(--muted)}.repost-row{flex-wrap:wrap;gap:12px;display:flex}.repost-row label,.repost-field{color:var(--muted);flex-direction:column;flex:1;gap:6px;min-width:100px;font-size:12px;font-weight:700;display:flex}.repost-field>span{color:var(--muted);font-size:12px;font-weight:700}.repost-modal input{border:1px solid var(--border);background:var(--white);min-height:42px;color:var(--ink);border-radius:10px;padding:0 12px;font-weight:600}.repost-chips{flex-wrap:wrap;gap:8px;display:flex}.repost-chips .chip{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .16s}.repost-chips .chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.repost-weekdays{gap:6px;display:flex}.repost-weekdays .wd{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:10px;width:38px;height:38px;font-weight:800;transition:all .16s}.repost-weekdays .wd.active{border-color:var(--primary);color:#fff;background:var(--primary)}.repost-summary{background:var(--soft);color:var(--ink);border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px;display:flex}.repost-summary svg{color:var(--primary);flex-shrink:0;margin-top:1px}.repost-error{background:var(--red-soft);color:var(--red);border-radius:10px;margin:0 20px;padding:10px 12px;font-size:13px;font-weight:600}.repost-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.repost-done{flex-direction:column;align-items:center;gap:14px;padding:40px 20px;display:flex}.repost-done-check{background:var(--green-soft);width:56px;height:56px;color:var(--green);border-radius:50%;place-items:center;display:grid}.repost-done strong{font-size:16px}.reposts-grid{flex-direction:column;gap:12px;display:flex}.repost-item{border:1px solid var(--border);background:var(--white);border-radius:14px;align-items:center;gap:16px;padding:16px 18px;display:flex}.repost-item.paused{opacity:.68}.repost-item-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.repost-item-main{flex:1;min-width:0}.repost-item-main h3{margin:0 0 3px;font-size:15px}.repost-item-main p{color:var(--muted);margin:0;font-size:13px}.repost-item-meta{color:var(--muted);flex-shrink:0;gap:16px;font-size:12px;display:flex}.repost-item-meta b{color:var(--ink);font-size:13px;display:block}.repost-item-actions{flex-shrink:0;gap:6px;display:flex}.repost-badge-active{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.repost-badge-paused{background:var(--soft);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}@media (max-width:720px){.repost-item{flex-wrap:wrap}.repost-item-meta{order:3;width:100%}}.detail-preview-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden}.detail-preview-card .ig-media video{object-fit:cover;width:100%;height:100%}.detail-preview-card .ig-head{padding:10px 12px}.detail-preview-card .ig-caption{padding-bottom:12px}.icon-button.danger:hover{color:var(--red);border-color:var(--red);background:var(--red-soft)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.automations-page{flex-direction:column;gap:20px;display:flex}.accent-violet{--accent:#7c3aed;--accent-soft:#f3eeff}.accent-blue{--accent:var(--primary);--accent-soft:var(--primary-soft)}.accent-green{--accent:var(--green);--accent-soft:var(--green-soft)}.accent-amber{--accent:var(--amber);--accent-soft:var(--amber-soft)}.accent-slate{--accent:#55607a;--accent-soft:#eef1f6}.auto-list{flex-direction:column;gap:12px;display:flex}.auto-card{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:all .18s;display:flex;box-shadow:0 1px 2px #1820330a}.auto-card:hover{border-color:#d4dbe8;box-shadow:0 10px 26px #18203314}.auto-card.off{opacity:.62}.auto-icon{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.auto-main{flex:1;min-width:0}.auto-title-row{align-items:center;gap:8px;display:flex}.auto-title-row strong{font-size:15px}.auto-main p{color:var(--muted);margin:3px 0 0;font-size:13px}.auto-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.auto-chip{background:var(--soft);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.auto-chip.muted{background:var(--amber-soft);color:var(--amber)}.auto-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.template-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.template-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;transition:all .18s;display:flex}.template-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 14px 30px #1820331a}.template-card strong{font-size:15px}.template-card small{color:var(--muted);font-size:12.5px;line-height:1.45}.template-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.template-card.blank{border-style:dashed}.template-card.blank .template-icon{color:var(--muted);background:var(--soft)}.builder{flex-direction:column;gap:18px;max-width:860px;display:flex}.builder-name{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.builder-name input{border:1px solid var(--border);min-height:46px;color:var(--ink);border-radius:11px;padding:0 14px;font-size:15px;font-weight:600}.builder-step{border:1px solid var(--border);background:#fff;border-radius:15px;padding:20px}.builder-step>header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.builder-step h2{margin:0;font-size:16px}.builder-step header small{color:var(--muted);font-size:12.5px}.trigger-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.trigger-card{border:1.5px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;transition:all .16s;display:flex;position:relative}.trigger-card:hover{border-color:var(--accent)}.trigger-card.active{border-color:var(--accent);background:var(--accent-soft)}.trigger-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;margin-bottom:5px;display:grid}.trigger-card.active .trigger-icon{color:#fff;background:var(--accent)}.trigger-card strong{font-size:13.5px}.trigger-card small{color:var(--muted);font-size:11.5px;line-height:1.35}.trigger-check{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:10px;right:10px}.field{margin-top:16px}.field:first-of-type{margin-top:0}.field-label{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.field-label em{opacity:.8;font-style:normal;font-weight:600}.field-hint{color:var(--muted);margin:7px 0 0;font-size:12px}.field input,.field textarea,.field select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:11px;padding:11px 13px;font-size:14px}.field textarea{resize:vertical;line-height:1.5}.chip-input{border:1px solid var(--border);background:#fff;border-radius:11px;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:7px 9px;display:flex}.chip-input input{border:0;flex:1;min-width:160px;min-height:auto;padding:4px;font-size:14px}.chip-input input:focus-visible{outline:none}.kw-chip{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:5px;padding:5px 6px 5px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.kw-chip button{width:17px;height:17px;color:var(--primary);cursor:pointer;background:#3157d529;border:0;border-radius:50%;place-items:center;display:grid}.kw-chip button:hover{background:var(--primary);color:#fff}.post-picker{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.post-tile{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:8px;transition:all .16s;display:flex;position:relative;overflow:hidden}.post-tile:hover{border-color:var(--primary)}.post-tile.active{border-color:var(--primary);background:var(--primary-soft)}.post-tile img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.post-tile-all-icon{aspect-ratio:1;width:100%;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;display:grid}.post-tile small{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.tile-check{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #0003}.hours-row{gap:12px;margin-bottom:10px;display:flex}.hours-row label{color:var(--muted);flex-direction:column;flex:1;gap:6px;font-size:12px;font-weight:700;display:flex}.hours-row input{border:1px solid var(--border);border-radius:11px;min-height:44px;padding:0 12px}.segmented{background:var(--soft);border-radius:11px;gap:4px;padding:4px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .16s}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #1a243c17}.action-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:4px;display:grid}.action-card{border:1.5px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;transition:all .16s;display:flex}.action-card:hover{border-color:var(--primary)}.action-card.active{border-color:var(--primary);background:var(--primary-soft)}.action-icon{width:32px;height:32px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;margin-bottom:5px;display:grid}.action-card.active .action-icon{color:#fff;background:var(--primary)}.action-card strong{font-size:13.5px}.action-card small{color:var(--muted);font-size:11.5px}.followup-box{border:1px dashed var(--border);background:#fcfcfd;border-radius:13px;margin-top:16px;padding:14px 16px}.followup-box.on{border-style:solid;border-color:var(--primary);background:var(--primary-soft)}.followup-head{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;display:grid}.followup-head input{width:17px;height:17px}.followup-head>span{color:var(--ink);align-items:center;gap:7px;font-size:14px;display:flex}.followup-head>small{color:var(--muted);grid-column:2;font-size:12px}.followup-body{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.followup-body label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.followup-body label:first-child{width:120px}.followup-body label:nth-child(2){flex:1;min-width:220px}.followup-body input{border:1px solid var(--border);background:#fff;border-radius:11px;min-height:44px;padding:0 12px}.followup-body .field-hint{width:100%;margin:0}.notice.compact{padding:11px 14px;font-size:13px}.builder-summary{color:#e8ecf6;background:#101728;border-radius:13px;align-items:flex-start;gap:10px;padding:15px 18px;font-size:14px;line-height:1.5;display:flex}.builder-summary svg{color:#ffd66b;flex-shrink:0;margin-top:2px}.builder-actions{justify-content:flex-end;gap:10px;display:flex}@media (max-width:720px){.auto-card{flex-wrap:wrap}.auto-actions{justify-content:flex-end;width:100%}.followup-body label:first-child{width:100%}}.next-repost-card{background:linear-gradient(120deg,#f6f3ff,#fdfcff);border:1px solid #d9d2f5;border-radius:14px;align-items:center;gap:16px;padding:14px 18px;display:flex}.next-repost-icon{color:#7c3aed;background:#efe9ff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.next-repost-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700;display:block}.next-repost-card>div>strong{margin-top:2px;font-size:14px;display:block}.next-repost-when{text-align:right;margin-left:auto}.next-repost-when strong{color:#7c3aed;align-items:center;gap:5px;margin-top:2px;font-size:14px;display:inline-flex}.posts-toolbar-right{align-items:center;gap:8px;display:flex}.view-switch{background:var(--soft);border-radius:9px;gap:3px;padding:3px;display:flex}.view-switch button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;transition:all .16s;display:grid}.view-switch button.active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #1a243c17}.filters-bar{border:1px solid var(--border);background:#fcfcfd;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.filter-search{border:1px solid var(--border);min-width:220px;color:var(--muted);background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.filter-search input{min-height:40px;color:var(--ink);background:0 0;border:0;flex:1;font-size:13px}.filter-search input:focus-visible{outline:none}.filter-field{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;font-weight:700;display:flex}.filter-field select,.filter-field input{border:1px solid var(--border);min-height:40px;color:var(--ink);background:#fff;border-radius:10px;padding:0 10px;font-size:13px;font-weight:600}.filter-count{color:var(--muted);margin-left:auto;font-size:12px;font-weight:600}.repost-chip{color:#6d28d9;background:#efe9ff;border-radius:999px;align-items:center;gap:5px;margin-top:7px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.repost-chip.paused{background:var(--soft);color:var(--muted)}.repost-chip.generated{background:var(--primary-soft);color:var(--primary)}.posts-list{flex-direction:column;gap:10px;display:flex}.post-row{border:1px solid var(--border);background:#fff;border-radius:13px;align-items:center;gap:16px;padding:12px 14px;transition:all .16s;display:flex}.post-row:hover{border-color:#d4dbe8;box-shadow:0 8px 20px #18203312}.post-row-thumb{background:var(--soft);border-radius:10px;flex-shrink:0;width:62px;height:62px;overflow:hidden}.post-row-thumb img,.post-row-thumb video{object-fit:cover;width:100%;height:100%}.post-row-thumb .post-card-placeholder{color:#9ca4b3}.post-row-main{flex:1;min-width:0}.post-row-title{align-items:center;gap:8px;display:flex}.post-row-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.row-status{background:var(--soft);color:var(--muted);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.row-status.status-published{background:var(--green-soft);color:var(--green)}.row-status.status-failed{background:var(--red-soft);color:var(--red)}.row-status.status-scheduled{background:var(--primary-soft);color:var(--primary)}.row-status.status-cancelled{background:var(--amber-soft);color:var(--amber)}.post-row-main p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;overflow:hidden}.post-row-col{flex-shrink:0;min-width:100px}.post-row-col small{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700;display:block}.post-row-col strong{margin-top:3px;font-size:12.5px;font-weight:600;display:block}.post-row-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.post-row-actions .icon-button{width:32px;height:32px;color:var(--muted);border-radius:9px}.post-row-actions .icon-button:hover{color:var(--ink);background:var(--soft);border-color:#d4dbe8}.post-row-actions .icon-button.warn:hover{color:var(--amber);border-color:var(--amber);background:var(--amber-soft)}.post-row-actions .icon-button.danger:hover{color:var(--red);border-color:var(--red);background:var(--red-soft)}@media (max-width:960px){.post-row-col,.next-repost-when{display:none}}.quick-art-button{border:1px dashed var(--border);text-align:left;cursor:pointer;background:#fcfcfd;border-radius:12px;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px 16px;transition:all .16s;display:flex}.quick-art-button:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.quick-art-button:disabled{opacity:.55;cursor:not-allowed}.quick-art-icon{color:#7c3aed;background:#efe9ff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.quick-art-button strong{font-size:13.5px;display:block}.quick-art-button small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.art-modal{background:var(--white);border:1px solid var(--border);width:100%;max-width:820px;max-height:92vh;box-shadow:var(--shadow);border-radius:18px;overflow-y:auto}.art-body{gap:22px;padding:20px;display:flex}.art-preview{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.art-preview small{color:var(--muted);font-size:11px;font-weight:700}.art-canvas{border-radius:12px;width:260px;height:260px;box-shadow:0 10px 26px #18203329}.art-canvas.story{width:200px;height:356px}.art-controls{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.art-field{flex-direction:column;gap:7px;display:flex}.art-field>span{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.art-field textarea{border:1px solid var(--border);resize:vertical;border-radius:11px;padding:11px 13px;font-size:14px;line-height:1.5}.art-field input[type=range]{width:100%;accent-color:var(--primary)}.art-row{flex-wrap:wrap;gap:16px;display:flex}.art-swatches{flex-wrap:wrap;gap:8px;display:flex}.art-swatches .swatch{border:2px solid var(--border);color:#fff;cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;transition:all .16s;display:grid}.art-swatches .swatch:hover{transform:scale(1.06)}.art-swatches .swatch.active{border-color:var(--ink);box-shadow:0 0 0 3px #1820331a}.art-swatches.small .swatch{border-radius:8px;width:32px;height:32px}@media (max-width:720px){.art-body{flex-direction:column;align-items:center}}.connect-card.connected{cursor:default;border-color:var(--green);background:var(--green-soft)}.connect-card.connected:hover{box-shadow:none}.connect-card.connected svg:last-child{color:var(--green)}.upload-progress-bar{background:var(--soft);border-radius:999px;width:220px;height:6px;overflow:hidden}.upload-progress-bar>div{background:var(--primary);height:100%;transition:width .2s}.storage-bar{border:1px solid var(--border);background:var(--panel,#fff);border-radius:12px;margin:14px 0;padding:14px 16px}.storage-bar.compact{margin:10px 0 0;padding:11px 13px}.storage-bar-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.storage-bar-head span{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.storage-bar.compact .storage-bar-head span{font-size:11.5px}.storage-bar-head strong{font-variant-numeric:tabular-nums;font-size:13px}.storage-bar.compact .storage-bar-head strong{font-size:12px}.storage-bar-track{background:var(--soft);border-radius:999px;height:8px;overflow:hidden}.storage-bar-track>div{background:var(--primary);border-radius:999px;height:100%;transition:width .3s}.storage-bar.level-warn .storage-bar-track>div{background:var(--amber)}.storage-bar.level-critical .storage-bar-track>div{background:var(--red)}.storage-bar small{color:var(--red);margin-top:8px;font-size:12px;display:block}