:root { --ink:#172033; --muted:#738098; --paper:#f7f8fb; --line:#e7eaf0; --coral:#ff6b5e; --navy:#172033; --yellow:#f5bf52; }
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.hidden{display:none!important}button,input{font:inherit}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;grid-template-columns:55% 45%}.brand-panel{position:relative;overflow:hidden;color:#fff;background:#172033;padding:42px 9.4%;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:800;color:inherit;text-decoration:none;display:flex;align-items:center;gap:9px;letter-spacing:-.7px}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--coral);color:white;font-family:Georgia,serif;font-style:italic;font-size:21px;line-height:1}.brand-copy{position:relative;z-index:1;margin-top:clamp(90px,15vh,155px);max-width:590px}.eyebrow{margin:0 0 12px;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:1.5px;color:#8995a9}.brand-copy .eyebrow{color:#f5bf52}.brand-copy h1{font-size:clamp(40px,4.4vw,67px);line-height:1.05;letter-spacing:-3.4px;margin:0;font-weight:700}.brand-copy em{font-family:Georgia,serif;font-weight:400;color:#f5bf52}.lede{max-width:410px;margin:27px 0;font-size:15px;line-height:1.7;color:#b6becc}.brand-foot{margin-top:auto;position:relative;z-index:1;font-size:11px;color:#8e99aa}.orbit{position:absolute;right:-50px;bottom:-80px;width:470px;height:470px;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-12deg)}.orbit:before,.orbit:after,.orbit i{position:absolute;content:"";border:1px solid rgba(255,255,255,.11);border-radius:50%;inset:48px}.orbit:after{inset:102px}.orbit i:first-of-type{inset:160px}.orbit i:last-of-type{inset:218px}.orbit-app{position:absolute;display:grid;place-items:center;width:53px;height:53px;border-radius:16px;font-size:25px;box-shadow:0 15px 30px #0a111e55;transform:rotate(12deg)}.app-a{background:#f3c053;color:#65480b;top:49px;left:144px}.app-b{background:#776bdc;color:#fff;top:182px;right:-25px}.app-c{background:#e46c70;color:white;bottom:37px;left:124px}.app-d{background:#51b8ae;color:white;top:278px;left:0}.auth-panel{display:grid;place-items:center;padding:30px;background:#fff}.auth-card{width:min(100%,405px)}.auth-heading{margin-bottom:33px}.auth-heading h2{margin:0 0 9px;font-size:30px;letter-spacing:-1.6px}.auth-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.auth-card label{display:block;font-size:12px;font-weight:700;margin:17px 0;color:#445067}.auth-card input{display:block;width:100%;padding:13px 14px;margin-top:8px;border-radius:9px;border:1px solid #dfe3eb;outline:none;color:var(--ink);font-size:14px;transition:.2s}.auth-card input:focus{border-color:#8b95b2;box-shadow:0 0 0 3px #e9ecf4}.password-wrap{position:relative}.password-wrap input{padding-right:58px}.show-password{position:absolute;right:8px;top:9px;border:0;background:transparent;color:#59667f;font-size:11px;font-weight:700}.primary-button{border:0;border-radius:9px;background:var(--coral);color:white;width:100%;padding:14px 16px;font-weight:800;font-size:13px;margin-top:11px;box-shadow:0 8px 16px #ff6b5e32;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-1px);background:#f3594c}.primary-button span{float:right;font-size:18px;line-height:13px}.auth-switch{text-align:center;font-size:12px;color:#748097;margin:27px 0 0}.auth-switch button,.text-button{border:0;background:transparent;color:#e75d51;font-weight:800;padding:0}.local-note{font-size:10px;text-align:center;color:#9ba5b5;margin-top:33px}.form-error{min-height:17px;margin:6px 0 -5px;color:#d54d44;font-size:11px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#172033;color:#fff;padding:31px 22px;display:flex;flex-direction:column}.sidebar nav{margin-top:61px}.nav-item{border:0;width:100%;text-align:left;color:#9da8b9;background:transparent;padding:12px 10px;margin:2px 0;border-radius:8px;font-size:12px;font-weight:700}.nav-item span{font-size:17px;display:inline-block;width:27px;vertical-align:-1px}.nav-item b{float:right;font-family:"DM Mono",monospace;font-size:10px;padding-top:3px}.nav-item.active{background:#263247;color:#fff}.sidebar-bottom{margin-top:auto}.mini-profile{display:flex;align-items:center;gap:10px;padding:12px 8px;border-top:1px solid #2c374a}.mini-profile>span{display:grid;place-items:center;width:31px;height:31px;background:#f5bf52;color:#644f20;border-radius:50%;font-size:12px;font-weight:800}.mini-profile strong,.mini-profile small{display:block}.mini-profile strong{font-size:11px}.mini-profile small{font-size:9px;color:#8f9bad;margin-top:2px}.sign-out{width:100%;border:0;background:transparent;color:#a7b1c0;text-align:left;font-size:11px;padding:12px 8px}.sign-out span{float:right}.dashboard-main{margin-left:238px;padding:47px clamp(28px,5.8vw,100px);width:calc(100% - 238px);max-width:1540px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.topbar h1{font-size:29px;letter-spacing:-1.5px;margin:0}.topbar .eyebrow{margin-bottom:7px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:40px;height:40px;font-size:23px;color:#637087}.primary-button.compact{width:auto;margin:0;padding:12px 16px;font-size:12px}.spotlight{height:223px;border-radius:14px;background:#202c40;color:white;position:relative;overflow:hidden;padding:38px 42px;box-shadow:0 15px 35px #1b263d14}.spotlight>*:not(.spotlight-glow):not(.spotlight-star){position:relative;z-index:1}.spotlight .eyebrow{color:#f3c65d;margin-bottom:9px}.spotlight h2{font-size:26px;letter-spacing:-1.4px;margin:0}.spotlight p:not(.eyebrow){margin:9px 0 22px;color:#b2bccb;font-size:12px}.light-button{background:#fff;border:0;border-radius:7px;padding:10px 13px;font-weight:800;color:#28354a;font-size:11px}.light-button span{margin-left:11px}.spotlight-glow{position:absolute;right:8%;top:-190px;width:460px;height:460px;background:radial-gradient(circle,#40516d 0 3%,#2c3d56 22%,transparent 59%)}.spotlight-star{position:absolute;right:13%;bottom:50px;color:#f3c65d;font-size:42px;transform:rotate(15deg)}.pins-section{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px}.section-heading h2{font-size:18px;letter-spacing:-.8px;margin:0 0 6px}.section-heading p{font-size:11px;color:#8190a5;margin:0}.text-button{font-size:11px}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.app-card{position:relative;min-height:155px;border:1px solid #e9ebf0;border-radius:11px;background:#fff;padding:17px;cursor:pointer;text-align:left;box-shadow:0 3px 8px #17203305;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-3px);box-shadow:0 11px 22px #17203311}.app-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-weight:800;font-size:15px;color:white}.app-icon.coral{background:#f17369}.app-icon.violet{background:#786fd3}.app-icon.blue{background:#5e95d6}.app-icon.green{background:#55b69d}.app-icon.amber{background:#e6b14c}.app-card h3{margin:29px 0 4px;font-size:13px;letter-spacing:-.3px}.app-card p{font-family:"DM Mono",monospace;color:#8a97aa;font-size:9px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px}.unpin{display:none;position:absolute;top:10px;right:10px;width:25px;height:25px;border:0;border-radius:50%;background:#f2f3f6;color:#69758a;font-size:17px;line-height:20px}.manage-mode .unpin{display:block}.empty-state{border:1px dashed #d5dbe5;border-radius:12px;text-align:center;padding:36px;color:#758297}.empty-state>span{font-size:25px}.empty-state h3{color:#3f4d63;margin:9px 0 5px;font-size:15px}.empty-state p{font-size:12px;margin:0 0 15px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#1720337d;display:grid;place-items:center;padding:18px}.modal-card{position:relative;background:#fff;width:min(100%,445px);border-radius:15px;padding:32px;box-shadow:0 25px 65px #0004}.modal-card h2{margin:0;font-size:24px;letter-spacing:-1px}.modal-copy{font-size:12px;color:#7e8ba0;margin:8px 0 25px}.modal-card label{font-weight:700;font-size:11px;color:#526077;display:block;margin:15px 0 8px}.modal-card input{width:100%;border:1px solid #dde2eb;border-radius:8px;padding:12px;font-size:13px;outline:none}.modal-card input:focus{border-color:#8893ac}.close-button{position:absolute;right:17px;top:13px;border:0;background:#f3f4f7;width:28px;height:28px;border-radius:50%;font-size:21px;color:#667288}.color-choices{display:flex;gap:10px}.color-choice{border:3px solid transparent;width:27px;height:27px;border-radius:50%}.color-choice.selected{outline:2px solid #47546a;outline-offset:2px}.color-choice.coral{background:#f17369}.color-choice.violet{background:#786fd3}.color-choice.blue{background:#5e95d6}.color-choice.green{background:#55b69d}.color-choice.amber{background:#e6b14c}.toast{position:fixed;z-index:20;bottom:25px;right:25px;background:#172033;color:#fff;padding:12px 17px;border-radius:8px;font-size:12px;box-shadow:0 8px 25px #17203333}.toast.show{animation:toast .3s ease}@keyframes toast{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:720px){.auth-shell{grid-template-columns:1fr}.brand-panel{min-height:330px;padding:29px}.brand-copy{margin-top:55px}.brand-copy h1{font-size:42px}.auth-panel{padding:42px 25px}.sidebar{display:none}.dashboard-main{margin-left:0;width:100%;padding:28px 20px}.topbar{align-items:start}.topbar h1{font-size:24px}.top-actions .icon-button{display:none}.spotlight{padding:30px 25px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card{min-height:140px}}