@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--green:#063f2d;--deep:#073b2b;--darker:#032d20;--gold:#e8b916;--pale:#f7f9f5;--line:#e4e9df;--text:#15382e;--muted:#6d8077;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Cairo,Tahoma,Arial,sans-serif;background:var(--pale);color:var(--text)}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:265px;background:var(--darker);color:#eaf5ef;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;padding:25px 17px}.brand{display:flex;gap:13px;align-items:center;padding:4px 10px 26px;color:#fff;font-size:23px;font-weight:800}.brand small{display:block;color:#a7c7b9;font-size:12px;font-weight:500;line-height:1.3}.brand-mark,.login-logo{display:grid;place-items:center;border:1px solid var(--gold);border-radius:15px;color:var(--gold);width:46px;height:46px}.nav-heading{margin:23px 12px 8px;color:#94b5a5;font-size:12px;font-weight:700}.nav-link{display:flex;align-items:center;gap:12px;padding:8px 13px;margin:2px 0;border-radius:10px;color:#c6dcd0;font-size:13px;transition:.2s}.nav-link:hover,.nav-link.active{background:#175741;color:#fff}.nav-link.active{border-right:3px solid var(--gold)}.nav-dot{height:7px;width:7px;border:1px solid var(--gold);border-radius:50%;flex:none}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar-title{font-weight:800}.topbar-title span{color:var(--muted);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:18px}.user-pill{font-size:13px;color:var(--muted)}.logout,.outline-button{background:#fff;border:1px solid #d6e0d9;border-radius:9px;padding:7px 15px;color:var(--deep);font-size:13px;font-weight:700}.logout:hover,.outline-button:hover{border-color:var(--green);background:#f2f8f3}.menu-button{display:none;border:0;background:none;color:var(--deep);font-size:23px}.content{width:100%;max-width:1450px;margin:0 auto;flex:1;padding:34px}.footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}.welcome-panel{background:radial-gradient(circle at 15% 80%,#145540,transparent 42%),var(--deep);color:#fff;border-radius:20px;padding:36px 40px;display:flex;justify-content:space-between;position:relative;overflow:hidden}.welcome-panel:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#d9af26 1px,transparent 1px);background-size:38px 38px;opacity:.13;pointer-events:none}.welcome-panel>*{position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.02em}.welcome-panel h1{font-size:29px;margin:12px 0 4px}.welcome-panel p{color:#d0e3d9;margin:0 0 17px}.season-chip{display:inline-block;border:1px solid #6c987e;border-radius:30px;padding:4px 14px;font-size:12px}.welcome-art{align-self:center;color:var(--gold);font-size:85px;line-height:1}.section-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 15px}.section-head h2{margin:0;font-size:19px}.section-head span{font-size:12px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:3px;transition:.2s}.stat:hover,.quick-grid a:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0a3d2912}.stat-icon{color:var(--green);background:#eaf5ec;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;font-size:20px}.stat>span:nth-child(2){font-size:13px;color:var(--muted);margin-top:7px}.stat strong{font-size:28px;color:var(--deep)}.stat small{color:#7a8e82}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-grid a{min-height:118px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;position:relative;transition:.2s}.quick-grid b,.quick-grid span{display:block}.quick-grid span{color:var(--muted);font-size:12px;margin-top:8px}.quick-grid i{position:absolute;left:20px;bottom:14px;color:var(--green);font-style:normal}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 24px}.page-heading .eyebrow{color:#a77f05}.page-heading h1{margin:4px 0 0;font-size:27px}.page-heading p{margin:3px 0;color:var(--muted);font-size:14px}.placeholder-card{background:#fff;border:1px solid var(--line);border-radius:22px;max-width:800px;margin:55px auto 20px;padding:48px 25px;text-align:center;box-shadow:0 16px 50px #0b4b2310}.placeholder-icon{width:70px;height:70px;border-radius:20px;background:#e9f4ed;color:var(--deep);display:grid;place-items:center;font-size:37px;margin:auto auto 20px}.status-badge{display:inline-block;background:#fff6d5;color:#886a04;border-radius:40px;padding:5px 14px;font-size:12px;font-weight:800}.placeholder-card h2{font-size:26px;margin:13px 0 2px}.placeholder-card p{font-size:15px;line-height:2}.muted{color:var(--muted)!important}.button{display:inline-block;background:var(--deep);border:0;border-radius:10px;color:#fff;font-weight:700;padding:11px 22px;margin-top:12px}.button:hover{background:#126044}.login-page{min-height:100vh;background:var(--deep);display:grid;place-items:center;padding:24px;position:relative}.login-page:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#d1ab13 1px,transparent 1px);background-size:50px 50px;opacity:.11}.login-wrap{position:relative;z-index:1;width:min(1050px,100%);display:grid;grid-template-columns:1fr 430px;gap:60px;align-items:center}.login-intro{color:#fff}.login-logo{height:66px;width:66px;font-size:34px;margin-bottom:37px}.login-intro h1{font-size:48px;line-height:1.5;margin:8px 0}.login-intro em{font-style:normal;color:var(--gold)}.login-intro p{color:#d6e5dd;max-width:550px}.intro-line{margin-top:60px;border-top:1px solid #5e856f;padding-top:18px;font-size:13px;color:#c3d5ca}.login-card,.setup-card{background:#fff;border-radius:22px;padding:36px;box-shadow:0 25px 70px #001a1470}.login-card h2{margin:4px 0;font-size:29px}.login-card>p{font-size:13px;margin-bottom:25px}.login-card .eyebrow,.setup-card .eyebrow{color:#a8850b}.login-card label,.setup-card label{display:block;font-size:13px;font-weight:700;margin:17px 0 7px}.login-card input,.setup-card input{width:100%;border:1px solid #d8e3dc;border-radius:9px;padding:11px 13px;outline:none;background:#fbfdfb}.login-card input:focus,.setup-card input:focus{border-color:#287656;box-shadow:0 0 0 3px #28765620}.wide{width:100%;margin-top:25px}.login-foot{border-top:1px solid var(--line);margin-top:32px;padding-top:16px;color:var(--muted);text-align:center;font-size:12px}.alert{border:1px solid #efc6c6;background:#fff2f2;color:#a02020;border-radius:8px;padding:10px;font-size:13px}.setup-card{position:relative;z-index:1;width:min(470px,100%)}.scrim{display:none}@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{position:fixed;right:-280px;z-index:20;transition:right .25s}.sidebar.open{right:0}.scrim.show{display:block;position:fixed;inset:0;background:#061c16a8;z-index:19}.menu-button{display:block}.topbar{padding:0 17px;height:65px}.topbar-title{font-size:13px}.user-pill{display:none}.content{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.login-wrap{grid-template-columns:1fr;gap:22px;max-width:480px}.login-intro h1{font-size:28px}.login-intro .intro-line{display:none}.login-logo{margin-bottom:15px}.login-intro p{font-size:13px}.welcome-panel{padding:25px}.welcome-art{display:none}.page-heading{align-items:flex-start;flex-direction:column}.placeholder-card{margin-top:25px}}@media(max-width:490px){.stats-grid,.quick-grid{grid-template-columns:1fr}.topbar-title span{display:none}.login-card{padding:25px}.welcome-panel h1{font-size:22px}}