:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24342b;background:#f7f8f4;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{transition:background .15s}p{color:#647166;line-height:1.7}h1,h2,h3{color:#21372a}h1{font-size:36px;font-weight:520;letter-spacing:-1.3px;line-height:1.2;margin:14px 0}h2{font-size:18px;font-weight:550;letter-spacing:-.3px}h3{font-size:16px;font-weight:550}small{font-size:12px;color:#728076}code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.layout{display:flex;min-height:100vh}.sidebar{width:258px;background:#182821;color:#d4ddd3;padding:32px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:600;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-mark{font-family:monospace;font-size:26px;color:#d6f29a}.brand-dot{font-size:9px;align-self:start;margin-top:9px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid #34463a;border-radius:8px;padding:12px 10px;margin:40px 0 32px;font-size:12px}.workspace small{display:block;color:#9daf9e;margin-top:5px;max-width:159px;overflow:hidden;text-overflow:ellipsis}.avatar{background:#3d5140;color:#e6eddf;width:29px;height:29px;display:grid;place-items:center;border-radius:6px}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650}.nav-label{color:#8f9d92;margin:0 10px 15px}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:13px;background:none;color:#b8c5b9;padding:13px 11px;text-align:left;border-radius:6px;font-size:13px}nav button span{width:16px;text-align:center;font-size:17px}nav button:hover{background:#263c2f}nav button.active{background:#d9edb7;color:#25352a}.sidebar-bottom{margin-top:auto;color:#91a28f;font-size:10px;line-height:1.7}.status-dot{display:inline-block;width:6px;height:6px;background:#cce99e;border-radius:100%;margin-right:5px}.signout{display:block;background:none;color:#cbd5c9;margin-top:18px;font-size:12px;padding:0}main{margin-left:258px;width:calc(100% - 258px);min-height:100vh;display:flex;flex-direction:column}header{height:80px;border-bottom:1px solid #e2e7de;display:flex;align-items:center;justify-content:space-between;padding:0 46px}.breadcrumb{font-size:12px;color:#647267}.breadcrumb span{margin:0 15px;color:#b0bbad}.badge{display:inline-block;font-size:9px;font-weight:600;letter-spacing:1.3px;padding:6px 9px;border:1px solid #d6dfce;border-radius:4px;color:#748465}.content{padding:46px;max-width:1280px;width:100%;margin:auto auto 0}.content{flex:1}.page-title{margin-bottom:35px}.eyebrow{color:#77886f}.page-title p{margin-top:12px;font-size:14px}.panel{background:#fff;border:1px solid #e0e6dc;border-radius:10px;padding:26px;margin-bottom:24px;box-shadow:0 2px 2px #263c2603}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-heading h2{margin:0}.count{font-size:11px;background:#f0f4eb;padding:3px 7px;border-radius:4px;margin-left:7px;color:#7e8f6f}.quickstart{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#edf2e3;border:1px solid #dce5cc;padding:30px;border-radius:10px;margin-bottom:35px}.quickstart h2{font-size:21px}.quickstart p{margin-bottom:0;font-size:12px}.quickstart code{background:#1d3024;color:#e1edd6;padding:20px;border-radius:7px;white-space:nowrap;box-shadow:0 4px 14px #1728120d}.quickstart code span{color:#99b889}.quickstart .cursor{color:#d9efb0;margin-left:5px}.primary,.secondary,.social{border-radius:6px;padding:12px 17px;font-size:12px;font-weight:550}.primary{background:#264c33;color:#fff}.primary:hover{background:#346042}.secondary,.social{border:1px solid #dbe2d4;background:#fff;color:#374933}.secondary:hover,.social:hover{background:#f1f5ec}.text{background:none;color:#47703b;font-size:12px;padding:8px 0}.danger{color:#aa4944}.actions{display:flex;align-items:center;justify-content:center;gap:20px}.empty{text-align:center;padding:42px 15px}.empty p{max-width:410px;margin:10px auto 23px;font-size:13px}.empty-icon{display:inline-grid;place-items:center;border:1px solid #e0e7d7;border-radius:10px;background:#f3f6ed;width:45px;height:45px;font-size:24px;color:#668551}.resource-row{display:flex;align-items:center;gap:18px;padding:22px 0;border-top:1px solid #edf0e9}.resource-icon{background:#f1f5eb;padding:10px;border-radius:7px;font-size:20px}.resource-info{flex:1;min-width:0}.resource-info small,.resource-info a{display:block;margin-top:7px;font-size:12px;overflow-wrap:anywhere}.resource-info a{color:#748265}.pill{font-size:10px;background:#e9f2df;color:#4b6e32;border:1px solid #d9e8c9;padding:5px 9px;border-radius:30px}.pill.offline{background:#f3f3ee;color:#7b8274;border-color:#e4e6df}.narrow{max-width:620px}.narrow p{font-size:13px}.narrow .actions{justify-content:start}.auth-card{max-width:395px;margin:46px auto 70px}.auth-card p{font-size:13px;margin-bottom:28px}.full{width:100%;margin-top:14px}.social{display:flex;justify-content:space-between}.divider{display:flex;align-items:center;gap:12px;color:#9ba492;font-size:10px;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;background:#e2e7dc;flex:1}label{display:block;font-size:12px;font-weight:550;margin:17px 0 8px}input{display:block;width:100%;background:#fff;border:1px solid #d4ddce;border-radius:6px;padding:12px;color:#263e2b}input::placeholder{color:#adb7a6}form>.primary{margin-top:23px}form small{display:block;margin-top:7px}.auth-footer{border-top:1px solid #e0e6d9;margin-top:25px;padding-top:17px;font-size:12px}.auth-footer .text{margin-left:7px}.muted{color:#7c8973;line-height:1.7}.checkbox{display:flex;align-items:start;gap:10px;font-weight:400;line-height:1.6;margin-top:22px}.checkbox input{width:16px;margin-top:4px;accent-color:#294f33}.device-code{font-family:monospace;font-size:26px;letter-spacing:5px;text-transform:uppercase}.message{padding:15px 18px;border-radius:7px;margin-bottom:22px;line-height:1.5;font-size:13px}.message.error{background:#fff0ed;border:1px solid #efd2c8;color:#8d473b}.message.success{background:#edf5e4;border:1px solid #d4e7c4;color:#476336}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{font-size:30px;font-weight:500;margin:21px 0 10px}.status-text{text-transform:capitalize;font-size:26px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #edf0e9;padding:15px 0}.price-row p{font-size:12px}.price-row small{margin-left:4px}.price-row>div:last-child{text-align:right}hr{border:0;border-top:1px solid #e5eadf;margin:27px 0}footer{padding:22px 46px;font-size:10px;color:#8b9781;border-top:1px solid #e4e8de;display:flex;justify-content:space-between}.intro{margin:50px 3px}.intro .eyebrow{font-size:9px;color:#a4b899}.intro h1{color:#e4eddc;font-size:32px;line-height:1.3}.intro p{color:#acbba6;font-size:13px}.intro code{display:block;color:#c2dca8;font-size:11px;margin-top:36px}@media(min-width:1400px){.content{padding:55px 60px}}@media(max-width:1000px){.quickstart{align-items:start;flex-direction:column}.sidebar{width:220px}main{margin-left:220px;width:calc(100% - 220px)}.brand{font-size:19px}.content{padding:30px}.stats{gap:10px}.stats .panel{padding:17px}.stat{font-size:24px}header{padding:0 30px}}@media(max-width:700px){.layout{display:block}.sidebar{position:static;width:100%;padding:20px}.workspace,.nav-label,.sidebar-bottom,.intro{display:none}nav{display:flex;overflow-x:auto;gap:8px;margin-top:20px}nav button{white-space:nowrap;padding:9px;font-size:11px}nav button span{display:none}main{margin:0;width:100%}header{height:58px;padding:0 22px}.content{padding:28px 20px}.page-title h1{font-size:29px}.panel{padding:20px}.quickstart{padding:23px}.quickstart code{font-size:10px;padding:16px}.auth-card{margin:22px auto}.stats{grid-template-columns:1fr}.stats .panel{margin-bottom:0}.stats{margin-bottom:22px}.resource-row{gap:10px;flex-wrap:wrap}.resource-info{min-width:60%}footer{padding:20px;gap:20px;font-size:9px}.price-row{align-items:start}.signout{display:none}}
