@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:#183126;background:#f5f9f6;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;--bg: #f5f9f6;--panel: #ffffff;--panel2: #f0f7f2;--line: #dce9df;--muted: #687c70;--text: #183126;--deep: #14532d;--accent: #16803d;--accent-dark: #11632f;--soft: #eaf5ed;--mint: #b9e5c5;--shadow: 0 8px 28px rgba(20, 83, 45, .06)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}input,textarea{color:var(--text)}::selection{background:#ccebd4;color:#123d23}.app-shell{min-height:100vh}.sidebar{width:258px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 5px 32px}.brand strong{display:block;font:800 14px Manrope,sans-serif;color:var(--deep)}.brand span{display:block;color:#829589;font-size:9px;letter-spacing:1.5px;margin-top:4px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#1b8744,#14532d);box-shadow:0 6px 15px #14532d2e}.workspace-label,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--accent)}.workspace-label{padding:0 9px 11px;color:#829589}.nav-search,.search-box{height:39px;border:1px solid var(--line);background:#f7faf8;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#829589}.nav-search:focus-within,.search-box:focus-within,.stack-form input:focus,.add-task input:focus{border-color:#65ad79;box-shadow:0 0 0 3px #16803d17}.nav-search input,.search-box input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:12px}.nav-search input::placeholder,.search-box input::placeholder{color:#91a197}.sidebar nav{display:grid;gap:5px;margin-top:17px}.nav-item{border:0;background:transparent;color:#64796b;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;transition:.18s ease}.nav-item span{flex:1}.nav-item:hover,.nav-item.active{background:var(--soft);color:var(--deep)}.nav-item.active{box-shadow:inset 3px 0 var(--accent);font-weight:700}.sidebar-bottom{margin-top:auto}.upgrade-card{padding:15px;border:1px solid #cce4d2;background:linear-gradient(135deg,#eff8f1,#e4f3e8);border-radius:12px;color:var(--accent)}.upgrade-card strong{display:block;color:var(--deep);font-size:12px;margin-top:9px}.upgrade-card p{font-size:11px;color:#64796b;line-height:1.5;margin-bottom:0}.profile-mini{width:100%;display:flex;align-items:center;gap:10px;margin-top:15px;padding:12px 3px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--text);text-align:left}.profile-mini div:nth-child(2){flex:1;min-width:0}.profile-mini strong,.profile-mini span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-mini strong{font-size:12px}.profile-mini span{font-size:10px;color:var(--muted);margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d9efdf;color:var(--deep);font-weight:700}.avatar.small{width:31px;height:31px;border:0}.avatar.big{width:62px;height:62px;font-size:24px}.main-area{margin-left:258px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffeb;position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crumb{font-size:12px;color:#829589}.crumb span{padding:0 9px;color:#b3c2b8}.crumb strong{color:var(--deep)}.top-actions{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#25a653;border-radius:50%;box-shadow:0 0 9px #25a65366}.content{width:min(1240px,100%);padding:36px 40px 55px;margin:0 auto;flex:1}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{margin:0 0 10px}.welcome-row h1,.page-title h1{font:800 clamp(25px,3vw,34px) Manrope,sans-serif;letter-spacing:-1.2px;margin:0 0 8px;color:#173d28}.muted{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:11px 16px;background:linear-gradient(120deg,#198744,#145f31);color:#fff;font-weight:700;font-size:12px;box-shadow:0 7px 18px #14532d26;transition:transform .18s ease,box-shadow .18s ease}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #14532d33}.secondary-btn{background:#edf5ef;color:var(--deep);border:1px solid #d7e8db;box-shadow:none}.compact{padding:9px 12px}.hero-panel{min-height:255px;border:1px solid #b9d9c2;border-radius:16px;padding:30px 38px;overflow:hidden;position:relative;background:radial-gradient(circle at 82% 48%,#d6efdc 0,#c5e6ce 28%,#e8f5eb 70%,#f1f8f2);display:flex;align-items:center;justify-content:space-between}.hero-tag{font-size:9px;letter-spacing:2px;color:#277341;font-weight:700}.hero-panel h2{font:800 35px/1.15 Manrope,sans-serif;margin:12px 0;color:#17452a}.hero-panel h2 em{font-style:normal;color:#16803d}.hero-panel p{color:#557260;font-size:12px;max-width:390px;line-height:1.6}.hero-btn{border:1px solid #9cc9a8;background:#ffffffb8;color:var(--deep);border-radius:8px;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:11px;margin-top:18px}.hero-btn:hover{background:#fff}.hero-art{width:300px;height:220px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #5ca87370;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:230px;height:130px}.orbit-two{width:280px;height:175px;transform:rotate(35deg)}.hero-cap{width:120px;height:120px;border-radius:36px;background:linear-gradient(145deg,#2a9950,#14532d);display:grid;place-items:center;color:#fff;box-shadow:0 15px 45px #14532d35;transform:rotate(-9deg)}.float-chip{position:absolute;background:#fff;border:1px solid #c8e1ce;padding:8px 11px;border-radius:9px;display:flex;gap:7px;align-items:center;font-size:10px;color:var(--deep);box-shadow:var(--shadow)}.chip-a{top:24px;right:2px}.chip-b{bottom:18px;left:0}.section-heading{margin:30px 0 14px}.section-heading h2,.panel h3{font:700 16px Manrope,sans-serif;margin:0 0 5px;color:#1b3d2a}.section-heading p,.panel-heading p{font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card,.panel,.feature-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px #14532d06}.stat-card{padding:16px;display:grid;gap:7px}.stat-icon,.quick-icon,.subtle-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--accent-dark)}.stat-label{font-size:11px;color:#718477}.stat-card strong{font:700 19px Manrope,sans-serif;color:#1b3d2a}.stat-card small,.quick-link small,.tool-row small{font-size:10px;color:#849589}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:15px}.panel{padding:19px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.subtle-icon{background:#f0f7f2;color:#4b8c5e}.add-task{display:flex;gap:8px}.add-task input,.stack-form input{background:#fbfdfb;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;outline:0;font-size:12px;min-width:0;flex:1}.task-list{margin-top:12px}.task{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #edf2ee;cursor:pointer}.task:last-child{border:0}.task input{accent-color:var(--accent)}.task span{display:grid;gap:4px}.task strong{font-size:11px;font-weight:600;color:#294735}.task small{font-size:10px;color:#849589}.task.completed strong{text-decoration:line-through;color:#9aa99e}.quick-link{width:100%;display:flex;align-items:center;gap:11px;padding:10px 0;border:0;border-bottom:1px solid #edf2ee;background:none;color:var(--text);text-align:left}.quick-link:last-child{border:0}.quick-link>span:nth-child(2){flex:1;display:grid;gap:4px}.quick-link strong,.tool-row strong{font-size:11px;color:#294735}.quick-icon{flex:none}.page-title{margin:8px 0 26px}.page-title .muted{max-width:650px}.ai-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px}.ai-panel{padding:0;overflow:hidden}.ai-head{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.ai-orb{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#d5efdc,#8ac99a);color:var(--deep)}.ai-orb.large{width:57px;height:57px;margin:auto;border-radius:18px}.ai-head h3{margin:0 0 4px}.ai-head p{font-size:10px}.online-pill{margin-left:auto;color:#176b35;background:#e7f5ea;border-radius:30px;padding:6px 9px;font-size:9px}.mode-row{display:flex;gap:7px;padding:12px 17px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.mode-chip{border:1px solid #dce9df;background:#f7faf8;color:#64796b;border-radius:30px;padding:7px 10px;font-size:10px}.mode-chip.selected{border-color:#70b583;background:#eaf5ed;color:var(--deep)}.chat-window{min-height:310px;max-height:460px;overflow:auto;padding:20px}.ai-welcome{text-align:center;padding:25px 10px}.ai-welcome h2{font:700 19px Manrope,sans-serif;margin:14px 0 6px;color:#1b3d2a}.ai-welcome p{font-size:11px}.suggestions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:19px}.suggestions button{border:1px solid #dce9df;background:#f7faf8;color:#45644f;border-radius:8px;padding:9px 11px;font-size:10px;display:flex;align-items:center;gap:6px}.message{max-width:85%;padding:12px 14px;border-radius:11px;margin:10px 0;background:#f0f6f1}.message.user{margin-left:auto;background:#e3f2e7}.message strong{font-size:10px;color:var(--accent-dark)}.message p{font-size:12px;line-height:1.65;white-space:pre-wrap;margin:7px 0 0;color:#294735}.ai-compose{border-top:1px solid var(--line);padding:13px 17px}.ai-compose textarea{width:100%;resize:vertical;min-height:55px;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.compose-bottom{display:flex;align-items:center;justify-content:space-between}.ai-side h3{margin-bottom:5px}.ai-side>p{font-size:10px;margin-bottom:14px}.tool-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf2ee}.tool-row span:last-child{display:grid;gap:4px}.upload-box{margin-top:17px;padding:16px;border:1px dashed #9bc9a5;border-radius:10px;color:var(--accent);display:grid;gap:8px;background:#f8fcf9}.upload-box strong{font-size:11px;color:var(--deep)}.upload-box p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.notice{background:#fff7e8;border:1px solid #f0d8a9;color:#805a17;padding:10px;border-radius:8px;font-size:11px;line-height:1.5}.ai-notice{margin:0 17px 15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-card{padding:19px}.feature-card h3{font:700 13px Manrope,sans-serif;margin:14px 0 7px;color:#1b3d2a}.feature-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.empty-state{border:1px dashed #c7ddcd;border-radius:13px;padding:43px 20px;text-align:center;margin-top:18px;color:var(--accent);background:#fbfdfb}.empty-state h3{font:700 15px Manrope,sans-serif;color:#294735;margin:12px 0 7px}.empty-state p{font-size:11px;color:var(--muted);margin:0}.materials-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px}.search-box{width:min(350px,100%)}.profile-panel{display:flex;align-items:center;gap:17px;margin-bottom:15px}.profile-panel h2{font:700 18px Manrope,sans-serif;margin:0 0 5px;color:#1b3d2a}.profile-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:12px;color:var(--muted)}.profile-line strong{color:#294735}.footer{border-top:1px solid var(--line);padding:17px 40px;color:#8a9a8f;font-size:10px;display:flex;justify-content:space-between;background:#fff}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 10%,#e1f2e5,#f5f9f6 58%)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;box-shadow:0 24px 70px #14532d1a}.auth-card h1{font:800 29px/1.2 Manrope,sans-serif;margin:10px 0;color:#173d28}.auth-card>.muted{margin-bottom:24px}.stack-form{display:grid;gap:14px}.stack-form label{display:grid;gap:7px;font-size:11px;color:#587060}.stack-form input{width:100%;padding:12px}.text-btn{display:block;border:0;background:none;color:var(--accent-dark);font-size:11px;margin:18px auto 0}.text-btn:hover{text-decoration:underline}.tiny{font-size:10px}.auth-card .tiny{text-align:center;margin-top:24px}.icon-btn{background:none;border:0;color:#668071;display:grid;place-items:center}.mobile-menu,.close-mobile,.scrim{display:none}@media(max-width:1050px){.sidebar{width:225px}.main-area{margin-left:225px}.content{padding:30px 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.ai-layout{grid-template-columns:1fr}.ai-side{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ai-side h3,.ai-side>p{grid-column:1 / -1}.upload-box{margin:0}.hero-art{width:240px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:270px}.sidebar.show{transform:translate(0)}.scrim{display:block;position:fixed;inset:0;background:#0f23166b;border:0;z-index:4}.close-mobile{display:grid;margin-left:auto}.main-area{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 17px;height:58px}.content{padding:25px 17px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row>.primary-btn{width:100%}.hero-panel{padding:25px;min-height:240px}.hero-art{display:none}.hero-panel h2{font-size:30px}.stats-grid{gap:9px}.stat-card{padding:12px}.dashboard-grid,.feature-grid,.ai-side{grid-template-columns:1fr}.materials-toolbar{flex-direction:column}.materials-toolbar .primary-btn{width:100%}.footer{padding:15px 17px}.crumb{font-size:11px}.top-actions .tiny{display:none}}@media(max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:16px}.auth-card{padding:25px}.compose-bottom{gap:8px;align-items:flex-end}.compose-bottom .tiny{max-width:170px}}
