@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#222b40;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#222b40;--navy:#202b43;--muted:#8993a7;--line:#e9ecf3;--accent:#e95c71}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.brand,.auth-brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;letter-spacing:-.7px;color:var(--ink);text-decoration:none}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#202b43;color:#fff}.brand-dot{color:var(--accent)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;background:#202b43;color:#fff;padding:12px 16px;font-size:12px;font-weight:700;transition:.18s}.primary-btn:hover{background:#334362;transform:translateY(-1px)}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border:1px solid #e3e7ef;border-radius:8px;background:#fff;color:#5e6980;font-size:11px;font-weight:700}.eyebrow,.section-kicker{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.5px;font-weight:800;color:#9099ad}.eyebrow svg{color:var(--accent)}.notice{display:flex;align-items:center;gap:9px;border-radius:8px;padding:11px 12px;margin:14px 0;font-size:11px}.notice.error{background:#fff0f1;color:#b83e55}.notice.success{background:#e9f8ef;color:#2b855e}.notice button{margin-left:auto;border:0;background:none;color:inherit;display:grid;place-items:center}.screen-loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#858fa3;font-size:12px}.loader-mark{display:grid;place-items:center;background:#202b43;color:#fff;border-radius:11px;width:36px;height:36px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #e8eaf1;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;background:#f7f8fc;padding:0 max(calc((100vw - 1140px)/2),5.5%);display:flex;flex-direction:column}.auth-brand{height:83px;flex-shrink:0}.auth-layout{flex:1;display:grid;grid-template-columns:1fr 440px;gap:65px;align-items:center;padding:20px 0 48px}.auth-story{position:relative;min-height:500px;padding:40px 0 25px;overflow:hidden}.auth-story h1{font:800 clamp(45px,5vw,65px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:22px 0 18px}.auth-story h1 em{font-style:normal;color:var(--accent)}.auth-story>p{max-width:410px;color:#7f899d;font-size:14px;line-height:1.9;margin-bottom:27px}.auth-feature{display:flex;gap:12px;align-items:center;margin:18px 0}.auth-feature>span{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #eceef4;display:grid;place-items:center;color:#d85c72}.auth-feature strong,.auth-feature small{display:block}.auth-feature strong{font-size:12px;margin-bottom:4px}.auth-feature small{font-size:10px;color:#929bad}.auth-decoration{position:absolute;right:40px;bottom:5px;width:160px;height:145px;border:1px solid #e6dce1;border-radius:50%;transform:rotate(-20deg)}.decoration-sheet{position:absolute;left:42px;top:15px;width:72px;height:94px;background:#fff;border:1px solid #e7e9ef;border-radius:5px;padding:25px 10px;box-shadow:0 12px 30px #202b4310;transform:rotate(15deg)}.decoration-sheet div{height:4px;border-radius:4px;background:#edf0f5;margin:7px 0}.decoration-sheet div:first-child{width:100%;background:#e7a0ae}.decoration-sheet div:nth-child(2){width:80%}.decoration-sheet div:nth-child(3){width:90%}.decoration-sheet div:nth-child(4){width:55%}.decoration-star{position:absolute;right:12px;top:18px;color:var(--accent);font-size:29px}.auth-panel{background:#fff;border:1px solid #eaedf3;border-radius:16px;padding:31px;box-shadow:0 15px 45px #202b4309}.auth-panel-heading h2{font:800 24px Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0 7px}.auth-panel-heading p{font-size:11px;color:#8993a7;line-height:1.7;margin-bottom:23px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label,.blog-form label{display:flex;flex-direction:column;gap:7px;color:#4e5a70;font-size:11px;font-weight:700}.field-wrap{height:45px;border:1px solid #e5e8ef;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#9ba4b4}.field-wrap:focus-within{border-color:#d77b8b;box-shadow:0 0 0 3px #fcecf0}.field-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.field-wrap input::placeholder{color:#a8afbd}.show-password{border:0;background:transparent;color:#8993a7;padding:3px;display:grid;place-items:center}.auth-submit{width:100%;height:45px;margin-top:4px}.auth-switch{text-align:center;font-size:11px;color:#8791a4;margin:20px 0 18px}.auth-switch button{border:0;background:none;color:#c44760;font-size:11px;font-weight:800}.auth-privacy{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:15px;border-top:1px solid #f0f1f5;color:#9aa3b2;font-size:9px}.auth-privacy svg{color:#49a77b}.auth-footer{height:60px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9ecf3;color:#9aa3b2;font-size:10px}.auth-footer span{color:#a2aabb}.dashboard-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid #e9ecf3;display:flex;flex-direction:column;padding:25px 17px;z-index:5}.sidebar .brand{padding:0 7px 39px}.workspace-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#a1a9b7;padding:0 10px 12px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;border-radius:8px;padding:12px 11px;margin:2px 0;text-align:left;color:#7c879b;font-size:12px;font-weight:600}.nav-item.active{background:#fceff2;color:#bf455e}.nav-item.active svg{color:#d6536b}.sidebar-bottom{margin-top:auto}.security-card{padding:15px 13px;border:1px solid #e9edf2;border-radius:10px;background:#fbfcfe;color:#5b687d}.security-card svg{color:#4ca67b;margin-bottom:11px}.security-card strong{display:block;font-size:11px;margin-bottom:5px}.security-card p{font-size:10px;line-height:1.7;color:#9099aa;margin:0}.sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f4;margin-top:18px;padding:17px 2px 0}.user-avatar{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f8e6eb;color:#b7435d;font:800 13px Manrope}.user-avatar.small{width:30px;height:30px;font-size:11px}.user-summary{flex:1;min-width:0}.user-summary strong,.user-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-summary strong{font-size:10px}.user-summary small{font-size:9px;color:#9099aa;margin-top:4px}.logout-icon{border:0;background:none;color:#8c96a8;padding:5px}.logout-icon:hover{color:#ce4b64}.dashboard-main{margin-left:245px;min-height:100vh;display:flex;flex-direction:column}.dash-topbar{height:69px;background:#fff;border-bottom:1px solid #e9ecf3;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{font-size:11px;color:#9aa2b1}.breadcrumb span{margin:0 8px;color:#c3c8d2}.breadcrumb strong{color:#4b566b}.top-user{display:flex;align-items:center;gap:9px;color:#647087;font-size:11px}.online-dot{width:7px;height:7px;background:#51b58a;border-radius:50%}.dash-content{width:min(1100px,100%);padding:30px 35px 15px;margin:0 auto;flex:1}.welcome-banner{min-height:260px;border-radius:15px;background:#f9e9ec;position:relative;overflow:hidden;padding:31px 34px;display:flex;justify-content:space-between}.welcome-banner h1{font:800 32px/1.17 Manrope,sans-serif;letter-spacing:-1.3px;margin:13px 0 9px}.welcome-banner h1 em{font-style:normal;color:#d54f68}.welcome-banner p{font-size:11px;color:#8a7180;margin-bottom:18px}.welcome-banner .primary-btn{padding:11px 14px}.welcome-illustration{width:300px;position:relative;display:grid;place-items:center}.welcome-ring{position:absolute;width:220px;height:220px;border:1px solid #e5bdc5;border-radius:50%}.welcome-paper{position:relative;width:165px;height:190px;padding:21px 18px;background:#fff;border:1px solid #f0d9de;border-radius:6px;box-shadow:0 16px 35px #ad586b19;transform:rotate(5deg)}.welcome-paper span{font-size:7px;letter-spacing:1px;font-weight:800;color:#a6aaba}.welcome-paper strong{display:block;font:800 22px/1.2 Manrope;margin:17px 0}.welcome-paper div{height:4px;background:#edf0f5;border-radius:4px;margin:7px 0}.welcome-paper div:nth-last-child(1){width:60%}.welcome-sticker{position:absolute;right:0;bottom:25px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #f0e7ea;border-radius:8px;padding:10px 12px;font-size:9px;font-weight:700;color:#626d81;box-shadow:0 8px 20px #202b4310}.welcome-sticker svg{color:var(--accent)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:19px 0 36px}.dash-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9ecf3;border-radius:11px;padding:15px}.stat-icon{width:37px;height:37px;display:grid;place-items:center;background:#fff0f2;color:#d94f68;border-radius:10px}.stat-icon.purple{background:#f0ecff;color:#8d6fe0}.stat-icon.green{background:#e8f8ef;color:#42a778}.dash-stat strong{display:block;font:800 17px Manrope;letter-spacing:-.3px}.dash-stat small{display:block;font-size:10px;color:#8c96a8;margin-top:4px}.posts-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.posts-heading h2{font:800 24px Manrope;letter-spacing:-.8px;margin:7px 0 5px}.posts-heading p{font-size:11px;color:#9099aa;margin:0}.posts-heading .primary-btn{margin-bottom:2px}.filters{display:flex;gap:10px;margin-bottom:18px}.search-box,.category-select{height:43px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff;border:1px solid #e6e9f0;border-radius:8px;color:#9aa3b2}.search-box{flex:1}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:11px;color:var(--ink)}.search-box input::placeholder{color:#a3abba}.search-box button{border:0;background:none;color:#8993a7;display:grid;place-items:center}.category-select{min-width:175px}.category-select select{width:100%;border:0;outline:0;background:transparent;color:#657087;font-size:11px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.post-card{background:#fff;border:1px solid #e8ebf2;border-radius:11px;overflow:hidden;transition:.2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #202b430b}.post-art{height:115px;padding:13px;position:relative;overflow:hidden;background:#e8edf8}.post-art.art-1{background:#f6e9e4}.post-art.art-2{background:#e7f2ec}.post-art.art-3{background:#f0eafb}.post-category{position:relative;z-index:1;background:#ffffffd9;color:#647ca4;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:800}.post-num{position:absolute;right:12px;top:12px;color:#ffffffb8;font:800 10px Manrope}.art-letter{position:absolute;right:24px;bottom:-12px;color:#ffffffa8;font:800 82px/.95 Manrope}.post-body{padding:14px}.post-date{display:flex;align-items:center;gap:5px;color:#9aa3b2;font-size:9px}.post-body h3{font:800 14px/1.4 Manrope;letter-spacing:-.3px;margin:10px 0 7px;overflow-wrap:anywhere}.post-body>p{font-size:10px;line-height:1.75;color:#7f899b;min-height:53px;margin-bottom:12px;overflow-wrap:anywhere}.post-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f1f5;padding-top:10px}.post-actions>span{display:flex;align-items:center;gap:4px;font-size:8px;letter-spacing:.8px;font-weight:800;color:#9aa3b2}.post-actions>span svg{color:var(--accent)}.post-actions>div{display:flex;gap:5px}.post-actions button{width:27px;height:27px;display:grid;place-items:center;border:1px solid #e9ecf2;border-radius:6px;background:#fff;color:#7d8799}.post-actions button:hover{color:#315582;border-color:#c4d0e0}.post-actions .delete-button:hover{color:#d34d65;border-color:#edb7c0}.empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px dashed #dfe4ed;border-radius:11px;padding:25px}.empty-book{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#fff0f2;color:var(--accent);margin-bottom:12px}.empty-state h3{font:800 16px Manrope;margin:0 0 7px}.empty-state p{font-size:11px;color:#8c96a8;margin:0 0 15px}.empty-state .spinner{margin-bottom:10px}.dash-footer{margin-top:auto;min-height:64px;border-top:1px solid #e9ecf3;display:flex;align-items:center;justify-content:space-between;padding:0 35px;color:#9ba3b1;font-size:9px}.footer-logo{display:flex;align-items:center;gap:6px;font:800 12px Manrope;color:#4e5a70}.dash-footer>span:last-child{display:flex;align-items:center;gap:5px}.dash-footer>span:last-child svg{color:#48a879}.profile-content{width:min(900px,100%);margin:0 auto;padding:45px 35px;flex:1}.profile-heading h1{font:800 30px Manrope;letter-spacing:-1px;margin:8px 0}.profile-heading p{font-size:12px;color:#8993a7}.profile-card{max-width:650px;margin-top:28px;background:#fff;border:1px solid #e8ebf2;border-radius:14px;overflow:hidden}.profile-cover{height:120px;background:#f8e9ec;position:relative}.profile-avatar{position:absolute;bottom:-27px;left:28px;width:64px;height:64px;border:4px solid white;border-radius:50%;display:grid;place-items:center;background:#202b43;color:#fff;font:800 24px Manrope}.profile-details{padding:39px 28px 27px}.profile-badge{display:inline-flex;align-items:center;gap:5px;background:#e9f8ef;color:#33855f;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:800}.profile-details h2{font:800 23px Manrope;margin:12px 0 4px}.profile-details>p{font-size:11px;color:#8e98a9;margin-bottom:23px}.profile-field{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #eff1f5}.profile-field span{display:flex;align-items:center;gap:9px;color:#8a94a7;font-size:11px}.profile-field span svg{color:#b0b7c4}.profile-field strong{font-size:11px;text-align:right;overflow-wrap:anywhere}.profile-logout{margin-top:22px;color:#b7435d;border-color:#f0d5dc}.profile-logout:hover{background:#fff5f6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#18223899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;overflow-y:auto}.modal{width:min(590px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:15px;padding:26px;box-shadow:0 25px 90px #111a2c4d}.modal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px}.modal-head h2{font:800 23px Manrope;letter-spacing:-.8px;margin:8px 0 6px}.modal-head p{font-size:11px;color:#8993a7;margin:0}.modal-close{width:34px;height:34px;flex-shrink:0;border:1px solid #e8ebf1;border-radius:8px;background:#fff;color:#7d8799;display:grid;place-items:center}.blog-form{display:flex;flex-direction:column;gap:15px}.blog-form input,.blog-form textarea{width:100%;border:1px solid #e4e8f0;border-radius:8px;padding:12px;color:#273148;outline:none;font-size:12px;font-weight:400;resize:vertical}.blog-form input:focus,.blog-form textarea:focus{border-color:#d77b8b;box-shadow:0 0 0 3px #fcecf0}.blog-form input::placeholder,.blog-form textarea::placeholder{color:#a8afbd}.form-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:15px;color:#9aa2b1;font-size:10px}.form-foot>div{display:flex;gap:8px}@media(max-width:1000px){.auth-layout{grid-template-columns:1fr 390px;gap:25px}.auth-decoration{right:0}.sidebar{width:215px}.dashboard-main{margin-left:215px}.dash-content{padding:25px 22px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-illustration{width:240px}.welcome-banner{padding:26px}.dash-topbar,.dash-footer{padding:0 22px}}@media(max-width:700px){.auth-screen{padding:0 17px}.auth-brand{height:70px}.auth-layout{display:flex;flex-direction:column;gap:18px;padding:5px 0 25px;align-items:stretch}.auth-story{min-height:0;padding:20px 0 10px}.auth-story h1{font-size:43px;margin:14px 0}.auth-story>p{font-size:12px;margin-bottom:15px}.auth-feature{display:none}.auth-decoration{right:15px;bottom:5px;transform:scale(.65) rotate(-20deg);transform-origin:right bottom}.auth-panel{padding:23px 19px}.auth-panel-heading h2{font-size:22px}.auth-footer{height:auto;padding:15px 0;gap:8px;flex-wrap:wrap}.sidebar{position:static;width:auto;height:auto;padding:12px 15px;border-right:0;border-bottom:1px solid #e9ecf3;display:grid;grid-template-columns:1fr auto;align-items:center}.sidebar .brand{padding:0}.workspace-label,.sidebar-bottom,.nav-item{display:none}.dashboard-shell{display:flex;flex-direction:column}.dashboard-main{margin-left:0;min-height:calc(100vh - 60px)}.dash-topbar{height:54px;padding:0 15px}.dash-content{padding:18px 14px}.welcome-banner{padding:23px 20px;min-height:235px}.welcome-banner h1{font-size:27px}.welcome-banner p{max-width:210px;line-height:1.6}.welcome-illustration{position:absolute;right:-35px;bottom:-10px;transform:scale(.7);transform-origin:bottom right;opacity:.75}.welcome-banner>div:first-child{position:relative;z-index:1}.dashboard-stats{gap:8px;margin:13px 0 28px}.dash-stat{padding:11px 8px;gap:7px}.stat-icon{width:29px;height:29px}.stat-icon svg{width:15px}.dash-stat strong{font-size:14px}.dash-stat small{font-size:8px}.posts-heading h2{font-size:21px}.posts-heading p{font-size:10px}.posts-heading .primary-btn{padding:10px;font-size:10px}.filters{flex-direction:column;gap:8px}.category-select,.search-box{height:41px}.post-grid{grid-template-columns:1fr}.post-art{height:135px}.post-body>p{min-height:0}.dash-footer{padding:14px;gap:9px;flex-wrap:wrap}.dash-footer>span:nth-child(2){order:3;width:100%}.profile-content{padding:28px 15px}.profile-field{align-items:flex-start}.profile-field span,.profile-field strong{font-size:10px}.modal{padding:21px 17px}.modal-head h2{font-size:21px}.form-foot{gap:8px}.form-foot>div{gap:5px}.form-foot .primary-btn,.form-foot .secondary-btn{padding:10px;font-size:10px}}