@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html{min-width:320px}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}:root{font-family:Inter,Arial,sans-serif;color:#152b27;background:#f3f6f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;flex-shrink:0;background:linear-gradient(165deg,#004c3c,#00634b 58%,#003d32);color:#fff;padding:24px 14px 18px;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar:after{content:" ";position:absolute;width:260px;height:260px;border:1px solid #b99a4c55;border-radius:50%;bottom:-190px;left:-90px;box-shadow:0 0 0 20px #b99a4c12,0 0 0 40px #b99a4c0a}.brand{text-align:center;padding:4px 0 34px}.brand-mark{font-size:42px;color:#e9ca73;line-height:1}.brand-name{font-weight:800;font-size:21px;letter-spacing:.2px}.brand-name span{display:block;font-size:14px;font-weight:500;margin-top:2px}.brand-pill{display:inline-block;background:#d7b65e;color:#174638;border-radius:20px;padding:7px 17px;font-size:11px;font-weight:800;letter-spacing:1px;margin-top:17px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#a7c5b8;font-weight:700;padding:0 14px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#e7f1ed;padding:12px 13px;border-radius:10px;text-align:left;font:600 13px Inter;cursor:pointer;margin:2px 0}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#0b9664,#087a56);color:#fff;box-shadow:inset 3px 0 #e7c76e}.nav-icon{font-size:19px;width:22px;text-align:center}.settings-label{margin-top:25px}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;color:#a9c9bb;font-size:11px;padding:20px 9px 5px}.mini-dome{font-size:25px;color:#e5c66f}.main-area{flex:1;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid #e7eceb;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:3}.top-title{font-weight:800;font-size:18px;color:#172e29}.top-subtitle{font-size:12px;color:#778781;margin-top:4px}.top-actions{display:flex;align-items:center;gap:22px}.icon-button{width:42px;height:42px;border-radius:50%;border:1px solid #e7ecea;background:#fff;font-size:20px;position:relative;color:#315b4e}.icon-button i{position:absolute;width:8px;height:8px;background:#e34d4d;border-radius:50%;right:8px;top:8px}.profile{display:flex;align-items:center;gap:10px;border:1px solid #e7ecea;border-radius:30px;padding:5px 12px 5px 5px;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#d9eee7;color:#006247;display:grid;place-items:center;font-weight:800}.profile b,.profile span{display:block}.profile span{color:#84928d;font-size:11px;margin-top:2px}.profile .chevron{font-size:18px;color:#36564d;margin-left:8px}.content-wrap{padding:24px 28px 36px;max-width:1700px;margin:auto}.hero{height:190px;border-radius:17px;background:linear-gradient(110deg,#005440,#087957 58%,#164e3d);position:relative;overflow:hidden;display:flex;align-items:center;padding:28px 34px;color:#fff;box-shadow:0 7px 20px #003d321c}.hero:before,.hero:after{content:"";position:absolute;border:2px solid #d7b55d;transform:rotate(-25deg);width:460px;height:300px;border-radius:48%;right:225px;top:-195px;opacity:.9}.hero:after{right:190px;top:-184px;border-width:1px;opacity:.4}.hero-symbol{width:100px;height:100px;border-radius:25px;background:#007453;border:1px solid #ffffff25;display:grid;place-items:center;font-size:55px;color:#edcf78;box-shadow:0 10px 25px #002c2440;z-index:1}.hero-copy{margin-left:26px;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#d8bd70}.hero h1{font-size:29px;line-height:1.2;margin:8px 0 10px;font-weight:800;letter-spacing:-.7px}.hero p{margin:0;color:#e3f0eb;font-size:13px}.hero-art{position:absolute;right:65px;bottom:0;width:280px;height:165px;opacity:.9}.art-window{position:absolute;right:20px;bottom:12px;width:175px;height:118px;border:5px solid #1b302b;border-radius:8px;background:#c9d4cd;box-shadow:0 5px 12px #001c18}.art-top{height:12px;background:#1d332d}.art-picture{margin:12px auto;width:125px;height:62px;background:linear-gradient(145deg,#dce7d9,#778d78);display:grid;place-items:center;color:#d6b65e;font-size:25px}.art-lines{height:4px;background:#8ba093;margin:0 20px;box-shadow:0 7px #a8b8aa}.art-plant{position:absolute;bottom:10px;left:15px;font-size:70px;color:#b8c66d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;margin-top:20px}.left-column,.right-column{min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e6ece9;border-radius:13px;min-height:104px;padding:17px 14px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 5px #173c3010}.stat-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:700;flex-shrink:0}.stat-icon.mint{background:#d9f4e9;color:#08734f}.stat-icon.blue{background:#e0edff;color:#1763bd}.stat-icon.gold{background:#fff1bf;color:#b78000}.stat-icon.green{background:#d9f8e4;color:#16834c}.stat-card span{display:block;color:#62746d;font-size:11px;font-weight:600;white-space:nowrap}.stat-card strong{display:block;font-size:26px;color:#18251f;margin-top:5px}.panel{background:#fff;border:1px solid #e5ebe8;border-radius:14px;box-shadow:0 2px 6px #173c300b}.request-panel{padding:18px 16px 12px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-heading h2{font-size:17px;margin:0;color:#1c2d27}.heading-icon{font-size:23px;color:#087653}.text-link{border:0;background:none;color:#087650;font:700 11px Inter;cursor:pointer}.text-link b{font-size:16px;margin-left:5px}.table-tools{display:flex;gap:9px;margin-bottom:10px}.search-box{height:34px;border:1px solid #e5ebe8;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:7px;flex:1;color:#81918b}.search-box input{border:0;outline:0;width:100%;font:12px Inter;color:#233a32}.filter-button{border:1px solid #e5ebe8;background:#fff;border-radius:7px;padding:0 12px;color:#536a60;font:600 11px Inter}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:770px;text-align:left}thead{background:#f3f6f5}th{font-size:10px;color:#52655d;padding:12px 9px;font-weight:700;white-space:nowrap}td{border-bottom:1px solid #edf0ee;padding:12px 9px;font-size:10px;color:#354840;white-space:nowrap}.id-cell{font-weight:800;color:#42564d}.title-cell{font-weight:700;color:#1e3028}.division-tag{background:#e0f5ed;color:#08734f;padding:6px 8px;border-radius:6px;font-size:9px;font-weight:700}.type-cell{font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:6px 8px;font-size:9px;font-weight:700}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.progress{background:#e0efff;color:#1763bd}.status.waiting{background:#fff3c9;color:#9b7000}.status.done{background:#ddf8e6;color:#138347}.status.revision{background:#ffe4e4;color:#bd4545}.date-cell{color:#50645a}.view-button{border:0;background:none;color:#3d5c50;font-size:17px;cursor:pointer}.empty-state{text-align:center;padding:30px;color:#81918b;font-size:12px}.right-column{display:flex;flex-direction:column;gap:15px}.primary-button{border:0;border-radius:11px;background:linear-gradient(100deg,#008454,#006543);color:#fff;height:50px;font:700 14px Inter;cursor:pointer;box-shadow:0 4px 10px #0065432b}.primary-button:hover{filter:brightness(1.06)}.primary-button span{font-size:22px;vertical-align:-2px;margin-right:7px}.calendar-panel,.activity-panel{padding:16px}.small-panel-title{font-size:14px;font-weight:800;color:#1c3028;display:flex;align-items:center;gap:9px}.small-panel-title span{color:#087653;font-size:19px}.month-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0 13px;font-size:12px}.month-row button{border:0;background:none;font-size:22px;color:#3f5a4e}.calendar-days,.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px}.calendar-days{font-size:9px;color:#74857d;font-weight:700;margin-bottom:8px}.calendar-dates span{height:28px;display:grid;place-items:center;font-size:10px;color:#31473d;position:relative;border-radius:7px}.calendar-dates .today{background:#087b55;color:#fff;font-weight:800}.calendar-dates .has-event:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:#d5b45d}.activity-panel{padding-bottom:8px}.activity-panel .small-panel-title{margin-bottom:13px}.activity-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f1}.activity-item:last-child{border:0}.activity-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.activity-icon.blue{background:#e2efff;color:#1763bd}.activity-icon.gold{background:#fff2c9;color:#a77900}.activity-icon.red{background:#ffe5e5;color:#c64d4d}.activity-icon.green{background:#ddf8e6;color:#16844c}.activity-item b{display:block;font-size:10px;line-height:1.4;color:#263b32}.activity-item span{display:block;font-size:9px;color:#84928b;margin-top:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09271f88;z-index:10;display:grid;place-items:center;padding:18px}.request-modal{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:17px;padding:25px;box-shadow:0 20px 70px #001d1740}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{margin:6px 0 0;font-size:22px;color:#17362b}.close-button{border:0;background:#f1f5f3;border-radius:50%;width:32px;height:32px;font-size:22px;color:#456258;cursor:pointer}.request-modal label{display:block;font-size:11px;font-weight:700;color:#40574d;margin-bottom:14px}.request-modal input,.request-modal select,.request-modal textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe8e3;border-radius:8px;padding:11px 12px;font:12px Inter;color:#263b32;outline-color:#0a8a60;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-placeholder{border:1px dashed #a9c7b8;border-radius:9px;padding:17px;text-align:center;color:#087653;font-size:18px;margin:5px 0 17px}.upload-placeholder b,.upload-placeholder span{display:block;font-size:11px;margin-top:5px}.upload-placeholder span{color:#87968f;font-size:10px}.modal-submit{width:100%}.modal-submit span{float:right;margin-right:3px}@media(max-width:1150px){.sidebar{width:220px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:15px;opacity:.55}}@media(max-width:850px){.sidebar{width:72px;padding:18px 8px}.brand{padding-bottom:25px}.brand-name,.brand-pill,.nav-label,.nav-item:not(.active){display:none}.brand-mark{font-size:35px}.nav-item{justify-content:center;padding:13px 5px}.nav-item.active{font-size:0}.nav-icon{font-size:21px}.sidebar-bottom{display:none}.topbar{padding:0 16px}.content-wrap{padding:17px 14px}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.right-column>.primary-button{grid-column:1/-1}.hero{height:175px;padding:20px}.hero h1{font-size:24px}.hero-symbol{width:75px;height:75px;font-size:40px}.hero-art{display:none}}@media(max-width:560px){.sidebar{width:58px}.topbar{height:68px}.top-title{font-size:13px}.top-subtitle{font-size:9px}.top-actions{gap:7px}.icon-button{width:34px;height:34px}.profile{padding:4px}.profile>div:not(.avatar),.profile .chevron{display:none}.avatar{width:30px;height:30px}.content-wrap{padding:12px 10px}.hero{height:155px;border-radius:12px;padding:16px}.hero-symbol{width:55px;height:55px;border-radius:15px;font-size:30px}.hero-copy{margin-left:13px}.hero h1{font-size:19px}.hero p{font-size:9px;line-height:1.4}.eyebrow{font-size:8px}.stats-grid{gap:8px}.stat-card{min-height:78px;padding:10px 8px;gap:8px}.stat-icon{width:39px;height:39px;font-size:20px}.stat-card span{font-size:9px}.stat-card strong{font-size:20px}.request-panel{padding:13px 10px}.panel-heading h2{font-size:14px}.right-column{grid-template-columns:1fr}.right-column>.primary-button{grid-column:auto}.form-row{grid-template-columns:1fr}.request-modal{padding:19px}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#e8f3ed,#f7faf8)}.login-card{width:100%;max-width:420px;padding:38px;background:#fff;border:1px solid #e3ece6;border-radius:20px;box-shadow:0 18px 55px #00462d1f}.login-brand{color:#08734f;font-size:21px;font-weight:800;margin-bottom:10px}.login-pill{display:inline-block;padding:7px 13px;background:#e8f5ee;color:#08734f;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:20px}.login-card h2{color:#173c2d;font-size:27px;margin:0 0 10px}.login-card p{color:#718078;font-size:14px;line-height:1.6;margin-bottom:24px}.login-card label{display:block;color:#344b3e;font-size:13px;font-weight:700;margin:15px 0 7px}.login-card input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #dce6df;border-radius:9px;outline:none;font-size:14px}.login-card input:focus{border-color:#08734f;box-shadow:0 0 0 3px #08734f1a}.login-submit{width:100%;margin-top:22px;padding:14px;border:0;border-radius:9px;background:#08734f;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.login-submit:hover{background:#065c40}.login-error{color:#c0392b;font-size:13px;margin-top:12px}.login-card small{display:block;text-align:center;color:#89968e;margin-top:22px}