:root{--bg:#f7f8fc;--ink:#20222c;--muted:#898d9b;--line:#e8e9ef;--purple:#7357ee;--purple-dark:#6046d8;--card:#fff;--green:#48b987;--orange:#f4a15b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:26px 18px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{font:800 22px Manrope,sans-serif;letter-spacing:-.8px;display:flex;align-items:center;gap:8px;margin:0 12px 34px}.brand-mark{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#9579fa,#6549dd);font-size:15px;box-shadow:0 5px 12px #7357ee38}.channel-switcher{display:flex;align-items:center;gap:10px;padding:11px 9px;background:#f7f7fb;border:1px solid #eeeef4;border-radius:12px;margin:0 2px 29px}.channel-avatar{background:#f3b657;color:#fff;font-size:12px;font-weight:700;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.channel-switcher strong{display:block;font-size:12px;margin-top:3px}.eyebrow,.nav-label,.date-label,.stat-heading,.modal-kicker,.tip-card>div>span{font-size:9px;letter-spacing:1px;color:#9a9ca8;font-weight:700}.dots,.profile-more{background:transparent;color:#b1b2bc;letter-spacing:2px;margin-left:auto;font-size:12px}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-label{margin:0 13px 9px;font-size:9px}.nav-label.second{margin-top:27px}.nav-item{background:transparent;border-radius:9px;text-align:left;padding:11px 12px;color:#777b89;font-weight:500;display:flex;align-items:center;gap:12px}.nav-item:hover{background:#f8f7fd;color:var(--purple)}.nav-item.active{background:#f0edff;color:var(--purple);font-weight:700}.nav-icon{width:16px;text-align:center;font-size:18px;line-height:12px;color:#9295a1}.active .nav-icon{color:var(--purple)}.nav-badge{font-size:10px;background:#f3a264;color:white;border-radius:10px;padding:3px 6px;margin-left:auto}.sidebar-bottom{margin-top:auto}.plan-card{background:#f7f4ff;border-radius:12px;padding:14px 13px;margin:25px 2px 22px}.plan-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:9px}.plan-top span:last-child{color:var(--purple)}.progress{height:5px;background:#ded8fa;border-radius:5px;margin-bottom:9px}.progress i{display:block;width:60%;height:100%;background:var(--purple);border-radius:5px}.plan-card p{font-size:10px;color:#9992b0;margin:0 0 10px}.plan-card a{font-size:10px;color:var(--purple);text-decoration:none;font-weight:700}.plan-card a span{font-size:15px;margin-left:4px}.profile{border-top:1px solid var(--line);padding:16px 4px 0;display:flex;align-items:center;gap:9px}.profile-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7ddcd;color:#836e53;font-size:10px;font-weight:700}.profile strong,.profile span{display:block}.profile strong{font-size:11px}.profile span{color:#999ba6;font-size:10px;margin-top:2px}.profile-more{margin-left:auto}.main-content{flex:1;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#a0a2ad;font-size:12px}.breadcrumbs b{font-weight:400;color:#d0d0d6}.breadcrumbs strong{color:#464954;font-weight:600}.top-actions{display:flex;align-items:center;gap:25px}.icon-btn{background:none;font-size:24px;color:#818492;position:relative}.notification i{position:absolute;right:0;top:1px;width:5px;height:5px;background:#ee8c62;border-radius:50%}.help-btn{background:none;color:#858793;display:flex;gap:8px;align-items:center;font-size:12px}.help-btn:first-letter{border:1px solid #c4c5cc;border-radius:50%;padding:1px 5px}.create-btn{background:var(--purple);color:#fff;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:700;box-shadow:0 6px 12px #7357ee26}.create-btn:hover,.generate-btn:hover{background:var(--purple-dark)}.create-btn span{font-size:19px;vertical-align:-1px;margin-right:5px}.page-wrap{max-width:1440px;margin:0 auto;padding:34px 46px 54px}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.date-label{margin-bottom:8px;color:#a5a6b1}.welcome-row h1{font:800 25px Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 8px}.welcome-row h1 span{color:#8f76f5;font-size:19px}.welcome-row p{color:#91939f;margin:0;font-size:12px}.autopilot{display:flex;align-items:center;gap:11px;border:1px solid #e7e8ef;border-radius:10px;background:#fff;padding:12px 14px}.live-dot,.connection-dot{width:7px;height:7px;border-radius:50%;background:#4ac08c;box-shadow:0 0 0 3px #dcf6ea}.autopilot strong,.autopilot small{display:block}.autopilot strong{font-size:11px}.autopilot small{color:#999ba6;font-size:10px;margin-top:3px}.switch{margin-left:12px;display:inline-block}.switch input{display:none}.switch span{width:33px;height:19px;border-radius:20px;background:var(--purple);display:block;padding:3px;position:relative}.switch span:after{content:'';width:13px;height:13px;background:white;display:block;border-radius:50%;margin-left:14px;transition:.2s}.switch input:not(:checked)+span{background:#c8cad2}.switch input:not(:checked)+span:after{margin-left:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:35px}.stat-card{background:#fff;border:1px solid #ececf1;border-radius:11px;padding:17px 18px 15px;min-height:122px}.stat-heading{display:flex;justify-content:space-between;align-items:center;color:#a0a2ab}.stat-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:13px}.violet{background:#f0edff;color:#7d65ee}.blue{background:#e7f2ff;color:#589ce7}.orange{background:#fff1e7;color:#ee9855}.green{background:#e6f8f0;color:#40b581}.stat-value{font:700 25px Manrope,sans-serif;letter-spacing:-1px;margin:11px 0 6px}.stat-value small{font:500 12px 'DM Sans';color:#a3a5ae;letter-spacing:0}.stat-foot{display:flex;gap:7px;align-items:center;font-size:10px;color:#a0a2ab}.up{color:#3caf7d;font-weight:700}.neutral{color:#7f8290;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.82fr);gap:38px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.section-heading h2{font:700 16px Manrope,sans-serif;margin:0 0 5px;letter-spacing:-.3px}.section-heading p{color:#a1a3ad;font-size:11px;margin:0}.text-btn,.more-link,.round-plus{color:var(--purple);background:transparent;font-weight:600;font-size:11px}.text-btn span,.activity-all span,.idea-card button span,.tip-card button span{font-size:16px;margin-left:4px}.upcoming-card{position:relative;display:flex;gap:17px;align-items:center;background:#fff;border:1px solid #ececf1;border-radius:11px;padding:18px 50px 18px 17px;margin-bottom:11px;min-height:142px}.upcoming-date{width:48px;align-self:stretch;border-right:1px solid #eeeeF2;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.upcoming-date span{font-size:8px;color:#aaaab3;letter-spacing:.8px;font-weight:700}.upcoming-date strong{font:800 25px Manrope;color:var(--purple);line-height:28px}.upcoming-date small{font-size:9px;color:#afb0b9}.upcoming-content{flex:1;min-width:0}.post-meta{display:flex;align-items:center;gap:7px;color:#aaaab2;font-size:10px;margin-bottom:9px}.status-pill{border-radius:20px;padding:4px 8px;font-weight:600}.status-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:1px;margin-right:4px}.ready{background:#e8f8f0;color:#42ae7c}.ready i{background:#4abf8c}.draft{background:#fff3e7;color:#dd9454}.draft i{background:#e99a59}.upcoming-content h3{font-size:13px;margin:0 0 7px;font-weight:700}.upcoming-content p{font-size:11px;color:#9496a0;margin:0;line-height:1.5}.post-tags{display:flex;gap:6px;margin-top:10px}.post-tags span{font-size:9px;color:#806ce1;background:#f5f2ff;border-radius:4px;padding:4px 6px}.post-thumb{width:102px;height:106px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;position:relative;color:#fff;text-align:center;font:700 10px Manrope;letter-spacing:1px}.thumb-one{background:linear-gradient(135deg,#e8a66e,#6e56d3)}.thumb-one:after{content:'';position:absolute;width:85px;height:85px;border-radius:50%;border:2px solid #ffffff63;right:-28px;top:-20px}.thumb-one span{position:relative;z-index:1}.thumb-one b{font-size:11px}.thumb-sun{position:absolute;width:42px;height:42px;background:#ffd791;border-radius:50%;top:18px;left:15px;opacity:.9}.thumb-two{background:linear-gradient(135deg,#6c59c5,#8c70e7);font-size:11px}.thumb-two:before{content:'';position:absolute;width:70px;height:70px;border:1px solid #ffffff58;transform:rotate(45deg)}.thumb-two span{position:relative;z-index:1}.thumb-two b{color:#ffd99a}.card-menu{position:absolute;right:15px;top:15px;color:#b5b6bf;background:none;letter-spacing:2px;font-size:11px}.compact{min-height:125px}.compact .upcoming-date{align-self:stretch}.compact .post-tags{display:none}.ideas-heading{margin-top:34px}.round-plus{width:27px;height:27px;border-radius:7px;background:#f2efff;font-size:17px}.ideas-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.idea-card{background:#fff;border:1px solid #ececf1;border-radius:10px;padding:16px 14px 13px}.idea-emoji{display:block;font-size:19px;margin-bottom:11px}.idea-card strong{font-size:12px;display:block}.idea-card p{color:#9698a3;font-size:10px;line-height:1.4;min-height:28px;margin:6px 0 12px}.idea-card button{background:transparent;padding:0;color:var(--purple);font-size:10px;font-weight:700}.activity-card{background:#fff;border:1px solid #ececf1;border-radius:10px;padding:4px 16px 0}.activity-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #f0f0f3}.activity-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;flex-shrink:0;font-size:13px}.purple{color:#785ee6;background:#f0edff}.blue-bg{color:#4b9bdd;background:#e9f4ff}.yellow{color:#e8a459;background:#fff3e6}.activity-item strong{display:block;font-size:11px}.activity-item p{font-size:10px;color:#858792;margin:5px 0}.activity-item small{font-size:9px;color:#b0b1b9}.activity-all{padding:14px 0 15px;background:transparent;color:var(--purple);font-size:10px;font-weight:700}.tip-card{display:flex;gap:12px;background:linear-gradient(125deg,#f4f0ff,#f7f5ff);border-radius:10px;padding:17px 15px;margin-top:14px}.tip-icon{width:27px;height:27px;background:#fff;color:var(--purple);border-radius:8px;display:grid;place-items:center;flex-shrink:0}.tip-card h3{font-size:12px;margin:6px 0}.tip-card p{color:#868292;font-size:10px;line-height:1.45;margin:0 0 11px}.tip-card button{background:transparent;color:var(--purple);font-size:10px;font-weight:700;padding:0}.connection-card{margin-top:14px;padding:15px;background:#fff;border:1px solid #ececf1;border-radius:10px}.connection-card>div{display:flex;align-items:center;gap:9px}.connection-card strong{font-size:11px}.connection-card p{font-size:10px;color:#999ba5;margin:9px 0 12px}.connection-card button{background:none;color:var(--purple);font-size:10px;font-weight:700;padding:0}.modal-backdrop{position:fixed;inset:0;background:#29233c6b;display:none;align-items:center;justify-content:center;padding:20px;z-index:5}.modal-backdrop.show{display:flex}.create-modal{background:#fff;width:100%;max-width:510px;border-radius:16px;padding:31px;position:relative;box-shadow:0 18px 60px #28203b38}.modal-close{position:absolute;right:18px;top:14px;background:none;font-size:25px;color:#9b9ca6}.modal-kicker{color:var(--purple)}.create-modal h2{font:800 21px Manrope;margin:8px 0}.create-modal>p{font-size:12px;color:#92949f;line-height:1.5;margin:0 0 23px}.create-modal label{display:block;font-size:11px;font-weight:700;margin-bottom:15px}.create-modal input,.create-modal select{display:block;width:100%;margin-top:7px;background:#fafafd;border:1px solid #e4e4eb;border-radius:7px;padding:11px 12px;outline:none;color:#41434d}.create-modal input:focus,.create-modal select:focus{border-color:#a796f5}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{display:flex!important;align-items:center;gap:8px;font-weight:500!important;color:#777984}.check-row input{width:auto!important;margin:0!important;accent-color:var(--purple)}.generate-btn{width:100%;padding:12px;background:var(--purple);color:white;border-radius:8px;font-weight:700;font-size:12px;margin-top:4px}.generation-result{display:none;background:#eaf9f2;border-radius:8px;padding:12px;margin-top:13px;gap:10px;align-items:center}.generation-result.show{display:flex}.result-check{width:21px;height:21px;border-radius:50%;background:#54bd8b;color:#fff;display:grid;place-items:center;font-size:11px}.generation-result strong{font-size:11px}.generation-result p{margin:4px 0 0;color:#699681;font-size:10px}@media(max-width:1100px){.sidebar{width:220px}.topbar,.page-wrap{padding-left:28px;padding-right:28px}.dashboard-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:13px}.side-column .section-heading{grid-column:1/-1;margin:0}.connection-card{margin-top:0}.tip-card{margin-top:0}}@media(max-width:760px){.sidebar{width:64px;padding:20px 10px}.brand{margin:0 auto 32px}.brand>span:last-child,.channel-switcher>div:not(.channel-avatar),.channel-switcher .dots,.nav-label,.nav-item:not(.active) .nav-icon~*,.nav-item{font-size:0}.channel-switcher{padding:5px;margin:0 0 25px;background:none;border:0}.channel-avatar{width:34px}.nav-item{justify-content:center;padding:12px}.nav-icon{font-size:18px}.plan-card,.profile{display:none}.topbar{padding:0 18px}.help-btn span{display:none}.top-actions{gap:12px}.page-wrap{padding:25px 18px}.welcome-row{display:block}.autopilot{margin-top:18px;justify-content:space-between}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{display:block}.side-column{display:block;margin-top:35px}.ideas-row{grid-template-columns:1fr}.post-thumb{display:none}.upcoming-card{padding-right:32px}.modal-fields{grid-template-columns:1fr}}
.content-panel{min-height:120px}.real-post{background:#fff;border:1px solid #ececf1;border-radius:11px;padding:18px;margin-bottom:11px}.real-post-top,.real-post-bottom{display:flex;align-items:center;gap:10px;color:#9a9ca6;font-size:10px}.real-post-top{justify-content:space-between}.real-post h3{font-size:14px;margin:13px 0 7px}.real-post p{font-size:11px;color:#777b88;line-height:1.55;margin:0;white-space:pre-line}.real-post-bottom{margin-top:14px;flex-wrap:wrap}.real-post-bottom span{background:#f5f3ff;color:#7865da;border-radius:5px;padding:5px 7px}.real-post-bottom .error-text{background:#fff1e7;color:#c9773d}.publish-one{margin-left:auto;background:#7357ee;color:#fff;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700}.empty-state{background:#fff;border:1px dashed #dcdce7;border-radius:11px;padding:36px 20px;text-align:center;color:#9295a2}.empty-state strong{display:block;color:#4b4e5a;font-size:14px}.empty-state p{font-size:11px;line-height:1.5;margin:8px auto 17px;max-width:450px}.idea-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:1px solid #ececf1;border-radius:9px;padding:15px;margin-bottom:8px}.idea-row span{color:#7357ee;font-size:17px}.idea-row strong{font-size:12px}.idea-row b{margin-left:auto;color:#7357ee;font-size:10px}.settings-form{background:#fff;border:1px solid #ececf1;border-radius:11px;padding:20px;max-width:620px}.settings-form label{display:block;font-size:11px;font-weight:700;margin-bottom:15px}.settings-form input{display:block;width:100%;margin-top:7px;border:1px solid #e4e4eb;background:#fafafd;border-radius:7px;padding:11px;outline:0}.settings-form .generate-btn{max-width:240px}.form-message{font-size:11px;color:#44a779;margin:12px 0 0}.logout-btn{width:100%;background:#fff1f0;color:#c86661;border-radius:7px;padding:9px;font-size:10px;font-weight:700;margin-top:10px}.login-modal{max-width:430px}.api-error{border:1px solid #f0d0c8;background:#fff6f4;color:#bd6c61;border-radius:8px;padding:13px;font-size:11px}
.post-editor{display:block;width:100%;min-height:145px;margin:12px 0 0;padding:11px 12px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd;color:#4a4d59;font:inherit;font-size:12px;line-height:1.55;resize:vertical}.post-editor:focus{outline:0;border-color:#9a86ee;background:#fff}.save-text,.regen-image{background:#f0edff;color:#6951d7;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700}.regen-image{background:#e9f4ff;color:#397db3}.save-text:disabled,.regen-image:disabled,.publish-one:disabled{opacity:.6;cursor:wait}