:root{--ink:#1a2340;--navy:#101a35;--paper:#fbfaf6;--line:#e8e4dc;--muted:#757d91;--lav:#dcd0ff;--purple:#8570d7;--coral:#ef7a67;--mint:#bfe2d0;--font:Manrope,Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:14px var(--font)}button,input{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#d9e0f0;padding:30px 18px 19px;display:flex;flex-direction:column;z-index:4}.brand{font-size:23px;font-weight:800;color:#fff;letter-spacing:-1px;padding:0 10px 29px;text-decoration:none}.brand i{font-style:normal;color:#a995ff}.workspace{display:flex;align-items:center;gap:8px;padding:10px;border-radius:6px;background:#1b294b;color:#c8d0e1;font-size:11px;font-weight:700;margin-bottom:28px}.workspace b{width:7px;height:7px;background:#f4a77c;border-radius:50%}.workspace span{margin-left:auto;color:#94a0ba;font-size:16px}.nav-label{font:500 9px 'DM Mono',monospace;color:#7d89a4;letter-spacing:1.3px;margin:0 10px 7px}.nav{display:grid;gap:3px}.nav button{border:0;background:transparent;color:#bdc7da;border-radius:6px;padding:10px;text-align:left;cursor:pointer;font-weight:700;font-size:12px;display:flex;gap:11px;align-items:center}.nav button:hover,.nav button.active{background:#283862;color:#fff}.nav button em{margin-left:auto;background:#aa93ff;color:#17213c;border-radius:9px;padding:2px 6px;font:500 9px 'DM Mono',monospace}.nav.bottom{margin-top:auto}.invite{margin-top:20px;padding:15px 14px;border-radius:8px;background:#1e2d52;font-size:10px;color:#bcc5db;position:relative;overflow:hidden}.invite:after{content:'✦';position:absolute;right:10px;bottom:-24px;font:70px var(--serif);color:rgba(173,151,255,.15)}.invite strong{display:block;color:#fff;font-size:11px;margin:4px 0}.invite p{margin:4px 0 10px;line-height:1.5}.invite button{background:transparent;border:0;color:#c9b9ff;padding:0;font:800 10px var(--font);cursor:pointer}.profile{display:flex;align-items:center;gap:9px;padding:20px 5px 0}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d57f77;color:#fff;font-weight:800;font-size:10px}.profile strong,.profile span{display:block}.profile strong{font-size:10px;color:#fff}.profile span{font-size:9px;color:#93a0b9}.main{margin-left:250px;width:calc(100% - 250px);padding:0 50px 55px}.topbar{height:84px;border-bottom:1px solid #e8e5de;display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.search{display:flex;align-items:center;gap:9px;width:315px;height:36px;border:1px solid #e5e2da;background:#fff;border-radius:6px;padding:0 11px;color:#667088}.search input{border:0;outline:0;width:100%;font-size:11px;background:transparent}.search input::placeholder{color:#969dab}.top-actions{display:flex;align-items:center;gap:16px}.top-actions button{border:0;background:transparent;color:#687287;cursor:pointer;font-size:17px}.top-actions .avatar{width:31px;height:31px}.menu{display:none}.view{display:none;max-width:1150px}.view.active{display:block}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font:500 9px 'DM Mono',monospace;letter-spacing:1.4px;color:#8e94a3;margin:0 0 11px}.heading h1{font:700 35px var(--serif);letter-spacing:-1.2px;margin:0}.dot{color:var(--coral)}.sub{font-size:12px;color:#7d8492;margin:8px 0 0}.btn{border:0;border-radius:5px;padding:11px 15px;background:var(--lav);color:#1d2642;font:800 10px var(--font);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #23294a22}.outline{background:#fff;border:1px solid #dcd8cf;color:#656e80}.hero{height:285px;border-radius:10px;padding:38px 43px;color:#fff;position:relative;overflow:hidden;background:#18284b;margin-bottom:20px}.hero:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #ad9aea66;border-radius:50%;right:55px;top:-66px;transform:rotate(36deg)}.hero:after{content:'✦';position:absolute;right:136px;top:83px;color:#c0abff;font:130px var(--serif);opacity:.75}.hero>*{position:relative;z-index:1}.tag{display:inline-block;border-radius:3px;background:#f2ede4;color:#6d7586;padding:5px 7px;font:700 9px 'DM Mono',monospace;letter-spacing:.9px}.hero .tag{background:#ffffff1c;color:#d3dbef}.hero h2{font:600 35px/1.1 var(--serif);letter-spacing:-1.3px;margin:13px 0 7px}.hero h2 em{font-style:italic;color:#c9b5ff}.hero p{margin:0;color:#b9c4dc;font-size:11px}.hero .btn{margin-top:20px}.hero-progress{position:absolute;left:43px;right:43px;bottom:27px;height:4px;border-radius:5px;background:#ffffff25}.hero-progress span{display:block;background:#c8b5ff;height:100%;width:36%;border-radius:5px}.hero-progress small{position:absolute;right:0;top:9px;color:#a8b5cc;font:500 9px 'DM Mono',monospace}.momentum{display:grid;grid-template-columns:1.6fr repeat(3,1fr) 1.35fr;gap:15px;align-items:center;min-height:91px;padding:16px 23px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:45px}.momentum-title{display:flex;gap:10px;align-items:center}.momentum-title i{font-style:normal;color:#7d6bd0;font-size:24px}.momentum strong{font-size:12px}.momentum p{font-size:10px;color:#8a91a0;margin:3px 0}.metric{border-left:1px solid var(--line);padding-left:20px}.metric b{font:700 21px var(--serif);display:block}.metric span{font-size:9px;color:#8c92a0}.week{display:flex;gap:5px;justify-content:end}.week i{font:500 8px 'DM Mono',monospace;font-style:normal;background:#efeee8;color:#9299a6;width:20px;height:20px;display:grid;place-items:center;border-radius:50%}.week i.done{background:var(--mint);color:#257257}.week i.today{background:#927cda;color:#fff}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:43px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-title h2{margin:0;font:700 22px var(--serif);letter-spacing:-.6px}.section-title p{margin:4px 0 0;font-size:10px;color:#7e8594}.link{border:0;background:transparent;color:#7767bf;font:800 10px var(--font);cursor:pointer}.course-list{border:1px solid var(--line);border-radius:8px;background:#fff}.course-row{display:flex;align-items:center;gap:15px;padding:14px 16px;border-bottom:1px solid #f0ede7}.course-row:last-child{border:0}.course-art{flex:0 0 69px;height:69px;border-radius:5px;padding:9px;position:relative;overflow:hidden;color:white;font:700 17px var(--serif)}.course-art:after{content:'';position:absolute;width:64px;height:64px;right:-29px;bottom:-27px;border:1px solid #fff9;border-radius:50%}.coral{background:#db7465}.violet{background:#967ed2}.gold{background:#d6a849;color:#293250}.course-info{min-width:0;flex:1}.meta{font:500 8px 'DM Mono',monospace;letter-spacing:.85px;color:#8a91a1}.course-info h3{font-size:12px;margin:6px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{height:3px;max-width:260px;background:#eeece6;border-radius:4px}.bar span{display:block;height:100%;background:#9a84e0;border-radius:4px}.course-info p{font-size:9px;color:#969ca8;margin:5px 0 0}.play{width:30px;height:30px;border:0;border-radius:50%;background:#f1edfb;color:#816acf;cursor:pointer}.rail{display:grid;gap:20px}.card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px}.agenda{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #efede8}.agenda time{text-align:center;width:27px;color:#555e73}.agenda time b{display:block;font:700 14px var(--serif)}.agenda time span{font:500 7px 'DM Mono',monospace}.agenda strong{font-size:10px;display:block}.agenda p{font-size:9px;color:#9399a6;margin:3px 0}.quote{background:#f0ebe1;border:0;color:#5a5060}.quote b{font:40px/10px var(--serif);color:#c6a17e}.quote p{font:600 13px/1.45 var(--serif);margin:13px 0}.quote small{font:500 8px 'DM Mono',monospace;letter-spacing:1px;color:#9a8979}.recommend{margin-top:50px}.rec-grid,.library{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rec{cursor:pointer}.rec-art{height:124px;padding:17px;position:relative;overflow:hidden;border-radius:7px;color:#fff;font:600 17px/1.04 var(--serif)}.rec-art:after{content:'✦';position:absolute;right:28px;top:24px;font:35px var(--serif);opacity:.7}.blue{background:#5785a7}.orange{background:#d67654}.green{background:#698d78}.rec h3{font-size:12px;margin:7px 0 4px}.rec>div:last-child{padding:10px 2px}.rec small{font-size:10px;color:#818895}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:22px}.stats div{padding:22px 26px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats small{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:1px;color:#8c93a1}.stats b{font:700 28px var(--serif);display:block;margin-top:7px}.filters{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{border:1px solid #e1ddd4;background:#fff;color:#687185;border-radius:20px;padding:8px 11px;font:800 10px var(--font);cursor:pointer}.chips button.active{background:var(--navy);border-color:var(--navy);color:#fff}.find{border:1px solid #e1ddd4;background:#fff;border-radius:5px;height:34px;display:flex;align-items:center;gap:6px;padding:0 9px;width:190px}.find input{width:100%;border:0;outline:0;font-size:10px}.library-card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.library-card .rec-art{height:134px;border-radius:0}.library-info{padding:15px}.library-info h3{font-size:14px;margin:7px 0}.library-info p{font-size:10px;color:#7c8392;margin:0}.library-info button{margin-top:13px;border:0;background:#f2eefc;color:#735fbd;border-radius:4px;padding:7px 9px;font:800 9px var(--font);cursor:pointer}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px}.calendar,.day-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:22px}.month{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.month h2,.day-card h2{font:700 22px var(--serif);margin:0}.month button{border:0;background:#f1eee7;border-radius:50%;width:28px;height:28px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.grid .name{text-align:center;font:500 8px 'DM Mono',monospace;color:#9298a6;padding:6px}.date{height:58px;padding:6px;border:1px solid #efede5;border-radius:4px;font-size:10px;color:#697184;position:relative}.date.today{background:#f3effd;border-color:#d8ccfa;color:#674ebb;font-weight:800}.date.event:after{content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#967fde}.focus{padding:13px;margin-top:12px;border-radius:6px}.focus small{font:500 8px 'DM Mono',monospace;letter-spacing:.7px}.focus b{display:block;font-size:11px;margin:7px 0 3px}.focus p{font-size:9px;margin:0}.focus.purple{background:#eee9fc;color:#59459e}.focus.peach{background:#fff0eb;color:#ad6458}.posts{max-width:740px;display:grid;gap:14px}.post{border:1px solid var(--line);border-radius:8px;background:#fff;padding:22px}.post.feature{background:#f0ece3;border-color:#e6ddcf}.person{display:flex;gap:10px;align-items:center}.person .avatar{background:#69917a}.person strong,.person span{display:block}.person strong{font-size:11px}.person span{font-size:9px;color:#858c9a;margin-top:2px}.post h2{font:700 23px/1.2 var(--serif);margin:20px 0 10px}.post>p{font-size:12px;line-height:1.6;color:#596174}.post-actions{border-top:1px solid #ded9cf;margin-top:17px;padding-top:12px;color:#727b8e;font-size:10px;font-weight:700}.empty{padding:58px 25px;max-width:550px;text-align:center;border:1px dashed #d9d3c7;border-radius:8px;background:#fff}.empty i{font-style:normal;font-size:34px;color:#8f7bd3}.empty h2{font:700 23px var(--serif);margin:10px}.empty p{font-size:11px;color:#7d8493}.settings{max-width:560px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:23px}.setting{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.setting:last-child{border:0}.toggle{float:right;width:35px;height:20px;border:0;border-radius:13px;background:#8c76d4;padding:2px;cursor:pointer}.toggle i{display:block;background:#fff;width:16px;height:16px;border-radius:50%;transform:translateX(15px)}.modal-wrap{position:fixed;z-index:10;inset:0;display:none;place-items:center;padding:18px;background:#07102799}.modal-wrap.show{display:grid}.modal{width:min(620px,100%);border-radius:10px;overflow:hidden;background:#fff;display:grid;grid-template-columns:40% 60%;position:relative}.modal-cover{min-height:285px;background:#1a2b50;color:#d9ccff;padding:23px;font:500 8px 'DM Mono',monospace;letter-spacing:1px;position:relative}.modal-cover:after{content:'◌';position:absolute;left:40px;bottom:20px;color:#b69dff;font-size:180px;line-height:.7}.modal-content{padding:42px 33px}.modal-content h2{font:700 28px/1.1 var(--serif);margin:14px 0 9px}.modal-content p{font-size:11px;color:#747d8d}.close{position:absolute;right:10px;top:8px;z-index:2;border:0;color:#fff;background:#ffffff25;border-radius:50%;font-size:18px;width:26px;height:26px;cursor:pointer}.wide{width:100%;margin-top:24px}.toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%,100px);padding:12px 16px;border-radius:6px;background:#172343;color:#fff;font-size:11px;box-shadow:0 9px 20px #11182733;transition:.3s}.toast.show{transform:translate(-50%,0)}
@media(max-width:1000px){.main{padding:0 30px 45px}.dashboard-grid{grid-template-columns:1fr}.rail{grid-template-columns:1fr 1fr}.momentum{grid-template-columns:1fr 1fr}.momentum-title{grid-column:span 2}.metric{border:0}.week{justify-content:start}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:8px 0 28px #0004}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:0 18px 40px}.topbar{height:69px;margin-bottom:31px}.menu{display:block!important}.search{width:calc(100% - 95px);margin-left:8px}.top-actions{gap:8px}.top-actions .avatar,.top-actions button:first-child{display:none}.heading h1{font-size:31px}.heading .outline{display:none}.hero{padding:29px 24px}.hero h2{font-size:30px}.hero:before{right:-150px}.hero:after{right:15px;opacity:.35}.hero-progress{left:24px;right:24px}.rec-grid,.library{grid-template-columns:1fr}.rec{display:grid;grid-template-columns:130px 1fr;gap:11px}.rec-art{height:105px}.rec>div:last-child{padding:2px}.rail{display:block}.quote{margin-top:17px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line);padding:16px}.filters{display:block}.chips{margin-bottom:12px}.find{width:100%}.calendar-layout{grid-template-columns:1fr}.date{height:43px}.modal{grid-template-columns:1fr}.modal-cover{min-height:165px}.modal-content{padding:30px}}@media(max-width:440px){.course-row{padding:11px;gap:10px}.course-art{flex-basis:56px;height:56px}.course-info h3{font-size:11px}.week{grid-column:span 2}.heading .btn{padding:9px}.calendar{padding:12px}}

/* SBS visual system — matched to smart-businesssolutions.com */
:root{--ink:#f4fbf8;--navy:#061f1e;--paper:#061f1e;--line:rgba(193,238,230,.16);--muted:#aec8c3;--lav:#00a7a0;--purple:#00a7a0;--coral:#45d7c7;--mint:#bfe3dc}body{color:var(--ink);background:radial-gradient(circle at 13% -8%,rgba(0,167,160,.24),transparent 34rem),radial-gradient(circle at 96% 34%,rgba(100,222,210,.12),transparent 28rem),linear-gradient(145deg,#061f1e 0%,#082c2a 52%,#041c1c 100%);background-attachment:fixed}.sidebar{background:rgba(6,31,30,.94);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 29px;font-size:11px;line-height:1.15;letter-spacing:0}.brand img{width:30px;height:30px;object-fit:contain}.brand i{color:#9cebe1;font-style:normal}.workspace{background:#103b38;border:1px solid var(--line);color:#d7eeea}.workspace b{background:#45d7c7}.nav button{color:#b8d2cd}.nav button:hover,.nav button.active{background:#14514d}.nav button em{background:#9cebe1;color:#06201e}.invite{background:linear-gradient(145deg,#064746,#06302f);color:#b9d7d1}.invite strong{color:#fff}.invite button{color:#9cebe1}.main{background:transparent}.topbar{border-color:var(--line)}.search,.find{background:rgba(15,55,53,.88);border-color:var(--line);color:#9cebe1}.search input,.find input{color:#f4fbf8}.search input::placeholder{color:#91b0aa}.top-actions button{color:#a8cac3}.heading h1,.section-title h2,.month h2,.day-card h2{color:#f4fbf8}.sub,.section-title p,.momentum p,.course-info p,.agenda p{color:#aec8c3}.outline{background:transparent;border-color:rgba(100,222,210,.4);color:#9cebe1}.btn{background:#00a7a0;color:#061f1e}.hero{background:linear-gradient(145deg,#032322,#052d2c);border:1px solid rgba(100,222,210,.18)}.hero:before{border-color:rgba(156,235,225,.35)}.hero:after{color:#9cebe1}.hero h2 em{color:#9cebe1}.hero p{color:#bed8d3}.hero .tag{background:#ffffff14;color:#bce5de}.hero-progress{background:#ffffff24}.hero-progress span{background:#45d7c7}.hero-progress small{color:#a8c9c3}.momentum,.course-list,.card,.stats,.library-card,.calendar,.day-card,.post,.settings,.empty{background:linear-gradient(150deg,rgba(15,55,53,.95),rgba(7,37,36,.97));border-color:var(--line)}.momentum-title i,.link{color:#9cebe1}.metric{border-color:var(--line)}.week i{background:#103b38;color:#b9d3ce}.week i.done{background:#17665f;color:#d8f9f2}.week i.today{background:#00a7a0}.course-row{border-color:var(--line)}.course-art.coral{background:#08605b}.course-art.violet{background:#155f5c}.course-art.gold{background:#d3b05e;color:#143130}.course-info h3,.agenda strong,.post h2{color:#f4fbf8}.bar{background:#133f3c}.bar span{background:#45d7c7}.play{background:#0e4b47;color:#9cebe1}.quote{background:linear-gradient(145deg,#254731,#173425);border:1px solid rgba(193,238,230,.16);color:#f4fbf8}.quote b{color:#ddbb3e}.quote p{color:#e1ecd8}.quote small{color:#c6dbc2}.rec-art.blue{background:#14514d}.rec-art.orange{background:#17645f}.rec-art.green{background:#254731}.rec-art.violet{background:#103b38}.rec-art.gold{background:#d3b05e;color:#163331}.rec h3,.library-info h3{color:#f4fbf8}.rec small,.library-info p{color:#aec8c3}.chips button{background:#0b302e;border-color:var(--line);color:#b9d4ce}.chips button.active{background:#00a7a0;border-color:#00a7a0;color:#061f1e}.library-info button{background:#0e4b47;color:#9cebe1}.month button{background:#103b38;color:#9cebe1}.grid .name{color:#9dbdb7}.date{border-color:rgba(193,238,230,.14);color:#bad3ce;background:#082c2a}.date.today{background:#0e4b47;border-color:#45d7c7;color:#dffdf7}.date.event:after{background:#45d7c7}.focus.purple{background:#0d4945;color:#baf0e7}.focus.peach{background:#254731;color:#e4edce}.post.feature{background:linear-gradient(145deg,#164b47,#0c3634);border-color:rgba(100,222,210,.25)}.person .avatar{background:#17645f}.post>p{color:#c2dad5}.post-actions{border-color:var(--line);color:#a8c7c1}.empty i{color:#9cebe1}.empty p{color:#aec8c3}.settings{color:#e7f4f1}.modal{background:#0b302e;color:#f4fbf8}.modal-cover{background:linear-gradient(145deg,#032322,#052d2c);color:#9cebe1}.modal-content p{color:#aec8c3}.tag{background:#d8eee9;color:#17423f}.close{background:#ffffff20}.toast{background:#d8eee9;color:#073a3a}.avatar{background:#17645f}.profile span{color:#9cbcb6}@media(max-width:760px){.sidebar{background:#061f1e}}