:root{--ink:#f6f4ef;--muted:#aaa9a6;--faint:#696966;--bg:#101113;--panel:#171819;--panel2:#1d1e20;--line:#2b2c2d;--orange:#ff855a;--lime:#d8f76b;--purple:#aa8cff;--blue:#78c9ff;--yellow:#ffc96b;--rail:78px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}.app-shell{display:flex;min-height:100vh}.side-rail{width:var(--rail);border-right:1px solid var(--line);background:#131415;display:flex;flex-direction:column;align-items:center;padding:22px 0 19px;position:fixed;inset:0 auto 0 0;z-index:5}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--lime);color:#111;display:grid;place-items:center;font-size:25px;font-weight:800;font-family:Georgia,serif;margin-bottom:49px}.rail-nav,.rail-bottom{display:flex;flex-direction:column;gap:17px;align-items:center}.rail-bottom{margin-top:auto;gap:20px}.rail-item{width:52px;height:53px;border-radius:15px;background:transparent;color:#777;display:flex;align-items:center;justify-content:center;position:relative;transition:.2s}.rail-item:hover{color:#ddd;background:#202123}.rail-item.active{color:var(--lime);background:#27291f}.rail-item.active:after{content:"";position:absolute;left:-13px;width:3px;height:24px;border-radius:3px;background:var(--lime)}.rail-label{position:absolute;left:65px;white-space:nowrap;background:#272825;color:#eee;padding:7px 10px;border-radius:7px;font-size:11px;opacity:0;pointer-events:none;transform:translateX(-4px);transition:.2s;z-index:10}.rail-item:hover .rail-label{opacity:1;transform:translateX(0)}.avatar{width:36px;height:36px;border-radius:50%;background:#d7b99d;color:#31251d;font-size:11px;font-weight:800;display:grid;place-items:center}.workspace{margin-left:var(--rail);width:calc(100% - var(--rail));min-height:100vh;display:flex;flex-direction:column}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,4.5vw,75px)}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#777;font-size:12px}.breadcrumbs strong{color:#e1dfd9;font-weight:600}.crumb-dot{color:#474747}.top-actions{display:flex;align-items:center;gap:22px}.icon-button,.profile-pill{background:transparent}.icon-button{width:28px;height:30px;position:relative;color:#9f9f9b}.notification-button i{position:absolute;width:5px;height:5px;background:var(--orange);border-radius:50%;top:2px;right:3px}.profile-pill{display:flex;align-items:center;gap:9px;font-size:12px}.avatar.small{width:29px;height:29px;font-size:9px}.profile-name{color:#c9c8c4}.content{width:min(1060px,calc(100% - 100px));margin:0 auto;padding:69px 0 35px;flex:1}.hero-row{display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#888985;margin:0 0 12px;font-weight:800}.hero-row h1{font-size:clamp(34px,5.2vw,62px);line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:700}.hero-row h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime);letter-spacing:-.06em}.hero-copy{color:#898986;font-size:13px;line-height:1.7;max-width:430px;margin:19px 0 0}.sync-status{color:#80817d;font:11px 'DM Mono',monospace;display:flex;align-items:center;gap:8px;padding-bottom:9px}.pulse,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #3b4429}.search-panel{display:flex;gap:11px;margin-top:48px}.search-wrap{height:53px;background:#1a1b1d;border:1px solid #292a2b;border-radius:13px;display:flex;align-items:center;gap:14px;padding:0 16px;flex:1;transition:.2s}.search-wrap:focus-within{border-color:#585c49;box-shadow:0 0 0 3px #252b1c}.search-wrap input{outline:none;border:0;background:transparent;color:#eee;font-size:13px;flex:1;min-width:0}.search-wrap input::placeholder{color:#6c6d6a}.search-wrap kbd{border:1px solid #3c3d3d;border-radius:5px;color:#737470;padding:4px 6px;font:10px 'DM Mono',monospace}.filter-button,.sort-button{height:53px;border:1px solid #2c2d2e;background:#1a1b1d;border-radius:13px;padding:0 17px;display:flex;align-items:center;gap:9px;font-size:12px;color:#bebeba}.filter-button:hover,.sort-button:hover{border-color:#555}.filter-button b{display:none;color:var(--lime);font:11px 'DM Mono',monospace}.filter-drawer{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 2px;border-bottom:1px solid var(--line)}.filter-title{color:#777;font-size:11px;margin-right:6px}.filter-chip,.category-tabs button{background:transparent;color:#83847f;border:1px solid #303132;border-radius:100px;font-size:11px;padding:7px 12px}.filter-chip:hover,.filter-chip.selected{color:#171819;background:var(--lime);border-color:var(--lime)}.overview-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:13px;margin-top:48px}.stat-card{border:1px solid var(--line);border-radius:16px;min-height:222px;padding:23px 25px;position:relative;overflow:hidden}.spotlight-card{background:linear-gradient(124deg,#252719,#1d201d 63%,#162022)}.spotlight-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-115px;bottom:-160px;border:1px solid #5d7244;box-shadow:0 0 0 21px #243421,0 0 0 22px #53643a,0 0 0 45px #1d2d26,0 0 0 46px #35452f}.card-top{display:flex;justify-content:space-between;color:#a1a394;text-transform:uppercase;letter-spacing:.14em;font:10px 'DM Mono',monospace}.sparkle{color:var(--lime);font-size:18px;margin-top:-6px}.spotlight-card h2{font-size:27px;line-height:1.08;letter-spacing:-.06em;margin:23px 0 11px}.spotlight-card h2 span{color:var(--lime);font-family:Georgia,serif;font-style:italic;font-weight:400}.spotlight-card p{font-size:11px;color:#979990;line-height:1.55;max-width:280px;margin:0}.text-button{background:transparent;color:#d9f57a;font-size:11px;font-weight:700;padding:0;margin-top:21px;position:relative;z-index:1}.text-button span{font-size:16px;margin-left:7px}.signal-card{background:var(--panel)}.big-stat{font-size:57px;line-height:1;letter-spacing:-.08em;font-weight:700;margin-top:32px}.stat-label{font:11px 'DM Mono',monospace;color:#8a8b87;margin-left:6px}.signal-card p{color:#777975;font-size:10px;margin-top:21px}.signal-card p strong{color:#a8c75b;font-weight:500}.mini-bars{display:flex;align-items:flex-end;gap:4px;height:35px;position:absolute;right:26px;bottom:52px}.mini-bars i{display:block;width:5px;border-radius:3px;background:#3f4e32}.mini-bars i:nth-child(1){height:12px}.mini-bars i:nth-child(2){height:22px}.mini-bars i:nth-child(3){height:17px}.mini-bars i:nth-child(4){height:29px;background:#728a48}.mini-bars i:nth-child(5){height:23px}.mini-bars i:nth-child(6){height:34px;background:var(--lime)}.mini-bars i:nth-child(7){height:26px}.app-section{margin-top:53px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:23px;letter-spacing:-.05em;margin:0;font-weight:700}.category-count{font:11px 'DM Mono',monospace;color:#6c6d6a;vertical-align:middle;margin-left:5px}.view-controls{display:flex;background:#1b1c1d;padding:3px;border-radius:9px;gap:2px}.view-control{width:29px;height:27px;background:transparent;border-radius:6px;color:#6e6f6b;display:grid;place-items:center}.view-control.active{background:#343630;color:var(--lime)}.recent-strip{display:flex;gap:10px;margin-top:19px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.recent-strip::-webkit-scrollbar{display:none}.recent-card{min-width:135px;height:90px;background:#1b1c1e;border:1px solid #2a2b2c;border-radius:12px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.recent-card:hover{transform:translateY(-2px);border-color:#54574a}.recent-card .app-icon{width:27px;height:27px;border-radius:8px;font-size:10px}.recent-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-time{font:9px 'DM Mono',monospace;color:#6d6e6a}.category-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin-top:23px;border-bottom:1px solid var(--line);padding-bottom:12px}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{border:0;padding:8px 13px;white-space:nowrap}.category-tabs button.active{background:#292b23;color:var(--lime)}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:16px}.app-card{position:relative;background:#18191b;border:1px solid #28292a;border-radius:13px;padding:15px;min-height:148px;transition:.2s;display:flex;flex-direction:column;justify-content:space-between}.app-card:hover{border-color:#55594b;transform:translateY(-2px);background:#1c1e1e}.app-card-top{display:flex;justify-content:space-between;align-items:flex-start}.app-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#171819;font-size:12px;font-weight:800;letter-spacing:-.05em}.app-card .app-name{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:17px}.app-meta{font:9px 'DM Mono',monospace;color:#696a66;margin-top:5px}.favorite-button{background:transparent;color:#5a5b58;padding:1px;font-size:16px;line-height:1}.favorite-button:hover,.favorite-button.favorited{color:var(--yellow)}.app-grid.list-layout{grid-template-columns:1fr 1fr}.app-grid.list-layout .app-card{min-height:69px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:13px;padding:12px 15px}.app-grid.list-layout .app-card .app-name{margin:0}.app-grid.list-layout .app-meta{margin-top:4px}.app-grid.list-layout .favorite-button{grid-column:3;grid-row:1}.empty-state{text-align:center;padding:60px 0;color:#777}.empty-icon{font-size:38px;color:#62645d}.empty-state h3{color:#c3c1b9;font-size:15px;margin:13px 0 5px}.empty-state p{font-size:12px;margin:0}.settings-view{margin-top:50px}.settings-card{margin-top:25px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.settings-row{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.settings-row:last-child{border-bottom:0}.settings-row strong{font-size:13px}.settings-row p{font-size:11px;color:#777975;max-width:520px;margin:6px 0 0;line-height:1.5}.toggle{width:42px;height:23px;border-radius:20px;background:#333536;padding:3px;flex:none}.toggle span{display:block;background:#8c8d89;width:17px;height:17px;border-radius:50%;transition:.2s}.toggle.on{background:#70833f}.toggle.on span{transform:translateX(19px);background:var(--lime)}.footer{width:min(1060px,calc(100% - 100px));margin:0 auto;padding:0 0 20px;display:flex;justify-content:space-between;color:#5d5f5b;font:9px 'DM Mono',monospace}.footer .status-dot{width:5px;height:5px;box-shadow:none;margin-right:7px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#e8f8a0;color:#171819;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.icon-grid,.icon-list,.icon-star,.icon-clock,.icon-folder,.icon-sliders,.icon-bell,.icon-search,.icon-filter,.icon-trending,.icon-chevron{display:inline-block;position:relative;width:16px;height:16px}.icon-grid:before{content:"";position:absolute;inset:1px;background:linear-gradient(90deg,currentColor 0 38%,transparent 38% 62%,currentColor 62%),linear-gradient(0deg,currentColor 0 38%,transparent 38% 62%,currentColor 62%);background-size:100% 100%;border-radius:2px}.icon-list:before{content:"☷";font-size:20px;line-height:13px}.icon-star:before{content:"☆";font-size:22px;line-height:14px}.icon-clock:before{content:"◷";font-size:21px;line-height:14px}.icon-folder:before{content:"▱";font-size:22px;line-height:14px}.icon-sliders:before{content:"☷";font-size:20px;line-height:14px;transform:rotate(90deg);display:block}.icon-bell:before{content:"♧";font-size:21px;line-height:14px;transform:rotate(180deg);display:block}.icon-search:before{content:"";position:absolute;width:10px;height:10px;border:1.5px solid #83847f;border-radius:50%;top:1px;left:1px}.icon-search:after{content:"";position:absolute;width:6px;height:1.5px;background:#83847f;transform:rotate(45deg);left:10px;top:12px}.icon-filter:before{content:"≡";font-size:19px;line-height:13px;transform:rotate(90deg);display:block}.icon-trending:before{content:"↗";font-size:20px;color:var(--lime)}.icon-chevron:before{content:"⌄";font-size:14px;color:#6e6f6b}.app-icon.orange{background:#ff845b}.app-icon.blue{background:#77c9ff}.app-icon.purple{background:#ad91ff}.app-icon.yellow{background:#ffd16f}.app-icon.lime{background:#d5ef72}.app-icon.pink{background:#f391c7}.app-icon.teal{background:#64d4c2}.app-icon.red{background:#fc716b}.app-icon.white{background:#e7e5df}.app-icon.cobalt{background:#7898ff}
@media(max-width:800px){:root{--rail:62px}.side-rail{padding-top:15px}.brand-mark{width:31px;height:31px;border-radius:10px;margin-bottom:34px}.rail-item{width:44px;height:46px}.rail-item.active:after{left:-9px}.content{width:calc(100% - 40px);padding-top:48px}.footer{width:calc(100% - 40px)}.profile-name{display:none}.topbar{height:61px;padding:0 20px}.overview-grid{grid-template-columns:1fr}.signal-card{min-height:180px}.app-grid{grid-template-columns:repeat(3,1fr)}.hero-row{align-items:flex-start;flex-direction:column}.sync-status{padding:0}.search-panel{margin-top:35px}}
@media(max-width:520px){.content{width:calc(100% - 30px);padding-top:35px}.footer{width:calc(100% - 30px)}.topbar{padding:0 15px}.breadcrumbs span:first-child{display:none}.crumb-dot{display:none}.hero-row h1{font-size:41px}.hero-copy{font-size:12px;margin-top:14px}.search-panel{gap:7px}.filter-button{padding:0 13px}.filter-button span:last-of-type{display:none}.filter-drawer{flex-wrap:wrap}.filter-title{width:100%}.overview-grid{margin-top:32px}.stat-card{padding:20px;min-height:200px}.spotlight-card h2{font-size:25px}.app-section{margin-top:40px}.section-heading h2{font-size:21px}.sort-button{height:auto;border:0;background:transparent;padding:0}.category-tabs{margin-top:18px}.app-grid{grid-template-columns:repeat(2,1fr);gap:8px}.app-card{min-height:137px;padding:13px}.recent-card{min-width:125px}.top-actions{gap:13px}.settings-row{padding:18px 16px}}