@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#20332d;background:#f6f8f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#1b5b46;--deep:#142c25;--muted:#7c8b84;--line:#e6ece8;--bg:#f6f8f6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:23px 15px 15px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand-mark{height:39px;width:39px;border-radius:12px;background:#1b5b46;color:#fff;display:grid;place-items:center;flex-shrink:0}.brand strong,.auth-brand strong{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.6px;display:block;color:#17372b}.brand small,.auth-brand small{font-size:8px;letter-spacing:1.1px;font-weight:700;color:#93a19a;display:block;margin-top:3px}.workspace{display:flex;align-items:center;gap:10px;padding:13px 12px;background:#f5f8f5;border:1px solid #eaf0eb;border-radius:11px;margin-bottom:27px}.workspace-dot{width:9px;height:9px;border-radius:50%;background:#34a879;box-shadow:0 0 0 4px #e1f4e9}.workspace strong,.workspace small{display:block}.workspace strong{font-size:12px}.workspace small{font-size:10px;color:var(--muted);margin-top:3px}.nav-label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#9aa69f;padding:0 12px 10px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#697a72;padding:12px;border-radius:9px;text-align:left;font-size:12px;font-weight:600;transition:.15s}.nav-item:hover{background:#f5f8f5;color:var(--green)}.nav-item.active{background:#e9f4ed;color:#1b5b46;font-weight:700}.nav-item.active:before{content:"";height:25px;width:3px;background:#1b7c58;position:absolute;left:0;border-radius:0 3px 3px 0}.nav-item span{flex:1}.nav-count{background:#d34c43;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.safety-card{background:#f0f7f1;border:1px solid #e1eee4;padding:14px;border-radius:11px;margin:10px 0 15px}.safety-icon{height:29px;width:29px;border-radius:8px;background:#dcefe2;color:#28734e;display:grid;place-items:center;margin-bottom:10px}.safety-card strong{font-size:11px}.safety-card p{font-size:10px;color:#718379;line-height:1.55;margin:5px 0 0}.user-card{border-top:1px solid var(--line);padding:15px 3px 0;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#d9ebe0;color:#1b5b46;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.user-meta{min-width:0;flex:1}.user-meta strong,.user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta strong{font-size:11px}.user-meta small{font-size:10px;color:var(--muted);margin-top:3px;text-transform:capitalize}.icon-btn{border:0;background:transparent;color:#75847c;border-radius:8px;width:34px;height:34px;display:inline-grid;place-items:center;position:relative}.icon-btn:hover{background:#f0f5f1;color:var(--green)}.main-area{margin-left:252px;min-height:100vh}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;position:sticky;top:0;z-index:10}.breadcrumb{font-size:12px;color:#87958d}.breadcrumb span{padding:0 10px;color:#c4ccc7}.breadcrumb strong{color:#2d4037;font-weight:700}.top-actions{display:flex;align-items:center;gap:18px}.date-chip{display:flex;align-items:center;gap:7px;color:#75847c;font-size:11px;padding:8px 11px;border:1px solid var(--line);border-radius:8px}.notification-top i{position:absolute;right:6px;top:6px;width:7px;height:7px;background:#d74b43;border-radius:50%;border:1px solid white}.top-avatar{height:32px;width:32px}.page-content{max-width:1500px;margin:0 auto;padding:30px 34px 20px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.25px;color:#54826b;font-weight:700}.page-heading h1{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1px;margin:7px 0 5px;color:#18392c}.page-heading p{font-size:12px;color:#829087;margin:0;line-height:1.5}.btn{border:1px solid transparent;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:.15s}.btn.primary{background:#1b5b46;color:#fff;box-shadow:0 2px 4px #143d2b12}.btn.primary:hover{background:#124833}.btn.secondary{background:#fff;border-color:#e0e8e2;color:#56685e}.btn.secondary:hover{background:#f5f8f5;border-color:#cbd9ce}.btn.danger{background:#fff0ef;color:#b73530;border-color:#f4d1cf}.btn.small{padding:7px 10px;font-size:10px}.welcome-banner{background:linear-gradient(112deg,#173f30,#1e5b43);border-radius:15px;padding:27px 30px;color:#fff;display:flex;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:22px;min-height:162px}.welcome-label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#a7d8b7;display:flex;align-items:center;gap:7px}.welcome-banner h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.7px;margin:12px 0 7px;max-width:570px}.welcome-banner p{font-size:11px;color:#c1d6c9;margin:0}.banner-art{position:relative;align-self:center;color:#a9d7b8;opacity:.7;margin-right:25px}.banner-ring{position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border:1px solid #8bc7a333;border-radius:50%;transform:scale(1.7)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #e9efeb;border-radius:12px;padding:17px 18px;min-height:140px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 2px 5px #163a2510}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;margin-bottom:13px}.stat-icon.green{background:#e7f4eb;color:#26734b}.stat-icon.red{background:#ffefed;color:#c84c43}.stat-icon.amber{background:#fff5e3;color:#b57a1d}.stat-icon.blue{background:#eaf1ff;color:#4a6ec1}.stat-label{font-size:10px;color:#7d8a82;font-weight:600}.stat-value{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-1px;margin-top:4px;color:#233a2f}.stat-card small{font-size:9px;color:#9aa59e;margin-top:3px}.dashboard-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:17px}.panel,.table-card,.calendar-card,.settings-card{background:#fff;border:1px solid #e7ede8;border-radius:12px;overflow:hidden}.panel{padding:20px 20px 10px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h3{font-size:13px;margin:0 0 4px;color:#2c4035}.panel-head p{font-size:10px;color:#95a199;margin:0}.text-button{background:transparent;border:0;color:#1d7651;font-size:10px;font-weight:700}.subtle-icon{color:#a0b0a5}.attention-row,.upcoming-row{width:100%;display:flex;align-items:center;text-align:left;border:0;border-top:1px solid #f0f3f0;background:#fff;padding:12px 0;gap:11px}.attention-row:hover,.upcoming-row:hover{background:#fbfcfb}.attention-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.attention-icon.red{background:#fff0ee;color:#c94d43}.attention-icon.amber{background:#fff4df;color:#bd8527}.attention-main,.upcoming-main{flex:1;min-width:0}.attention-main strong,.upcoming-main strong{display:block;font-size:11px;color:#35483d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-main small,.upcoming-main small{display:block;font-size:9px;color:#929e96;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-date{text-align:right;flex-shrink:0}.attention-date strong{display:block;font-size:10px;color:#53635a}.attention-date small{font-size:9px;display:block;margin-top:4px}.text-red{color:#c84940}.text-amber{color:#b47b20}.date-tile{width:39px;height:43px;border-radius:8px;background:#edf6ef;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#236847;flex-shrink:0}.date-tile strong{font-size:16px;font-family:Manrope}.date-tile small{font-size:9px;text-transform:uppercase}.upcoming-row>svg{color:#a6b1aa}.bottom-strip{margin-top:18px;padding:15px 18px;background:#eef6ef;border:1px solid #e0eee2;border-radius:11px;display:flex;align-items:center;gap:12px}.bottom-strip-icon{height:34px;width:34px;border-radius:9px;background:#d9eddd;color:#27734a;display:grid;place-items:center}.bottom-strip>div:nth-child(2){flex:1}.bottom-strip strong{font-size:11px;color:#315540}.bottom-strip p{font-size:10px;color:#7e9385;margin:4px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:14px 2px;border-top:1px solid #e5ebe6;color:#a0aaa3;font-size:9px}.footer span{display:flex;align-items:center;gap:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.searchbox{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e0e8e2;border-radius:8px;padding:0 12px;height:38px;width:min(420px,100%);color:#98a49c}.searchbox input{border:0;outline:0;flex:1;min-width:0;font-size:11px;color:#2b4035}.table-card{box-shadow:0 2px 5px #163a2508}.table-scroll{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}thead{background:#f8faf8}th{text-align:left;padding:13px 16px;font-size:9px;letter-spacing:.3px;color:#87958c;font-weight:700;border-bottom:1px solid #e8eee9}td{padding:13px 16px;border-bottom:1px solid #eef2ef;color:#6b7a71}td strong{font-size:11px;color:#35493d}tbody tr:hover{background:#fcfdfc}.asset-code{font-size:10px;font-weight:700;color:#286848;background:#eef6ef;padding:5px 7px;border-radius:5px}.cell-sub{display:block;font-size:9px;color:#a0aaa3;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:700;white-space:nowrap}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.green{color:#27754a;background:#e8f5eb}.status-pill.red{color:#bf423a;background:#ffedeb}.status-pill.amber{color:#a8731e;background:#fff4df}.status-pill.blue{color:#496cba;background:#edf2ff}.status-pill.gray{color:#7c8980;background:#f0f3f0}.table-footer{padding:12px 16px;color:#9aa69e;font-size:10px}.empty-state{padding:32px 20px;text-align:center;display:flex;align-items:center;flex-direction:column}.empty-icon{width:44px;height:44px;background:#f0f6f1;color:#629176;border-radius:12px;display:grid;place-items:center;margin-bottom:11px}.empty-state strong{font-size:12px;color:#506358}.empty-state p{font-size:10px;color:#9aa69e;margin:5px 0 0;max-width:300px;line-height:1.5}.calendar-card{padding:20px}.calendar-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.calendar-header h3{font-size:14px;text-transform:capitalize;min-width:180px;text-align:center}.calendar-header .small{margin-left:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.weekday{background:#f8faf8;padding:10px;text-align:center;font-size:10px;color:#8b9990;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-day{min-height:105px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.calendar-day.blank{background:#fafbfa}.day-number{font-size:10px;color:#6f8075;display:inline-grid;place-items:center;width:23px;height:23px}.calendar-day.today .day-number{background:#1b5b46;color:#fff;border-radius:50%}.calendar-event{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-left:2px solid #3a9768;background:#e9f5ec;color:#326749;font-size:9px;text-align:left;border-radius:3px;padding:4px;margin-top:4px}.calendar-event.late{border-color:#ce5a50;background:#ffefed;color:#b3443b}.calendar-day>small{font-size:9px;color:#8c9991}.calendar-legend{display:flex;gap:18px;margin-top:14px;color:#7d8b82;font-size:10px}.calendar-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.red{background:#cc554a}.legend-dot.green{background:#3a9768}.notification-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.notification-row{display:flex;align-items:flex-start;gap:13px;padding:18px;border-bottom:1px solid #edf1ed}.notification-row:last-child{border-bottom:0}.notification-row.unread{background:#f7fbf7}.notification-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e8f4eb;color:#2c8054;flex-shrink:0}.notification-copy{flex:1}.notification-copy strong{font-size:12px}.notification-copy p{font-size:11px;color:#728177;margin:5px 0}.notification-copy small{font-size:9px;color:#a0aaa3}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.settings-card{padding:22px;margin-bottom:16px}.settings-card-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.settings-icon{width:38px;height:38px;display:grid;place-items:center;background:#eaf5ed;color:#27734a;border-radius:10px;flex-shrink:0}.settings-icon svg{width:19px}.settings-card h3{font-size:13px;margin:2px 0 5px}.settings-card p{font-size:10px;color:#8a978f;line-height:1.5;margin:0}.field-label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#63746a;font-weight:700}.field-label input,.field-label select,.field-label textarea,.auth-card input,.inline-field input{border:1px solid #dfe7e1;background:#fff;border-radius:7px;padding:10px 11px;outline:none;color:#2d4236;font-size:11px;width:100%;min-width:0}.field-label input:focus,.field-label select:focus,.field-label textarea:focus,.auth-card input:focus{border-color:#6da685;box-shadow:0 0 0 3px #d9efe0}.field-label textarea{resize:vertical;min-height:75px}.inline-field{display:flex;align-items:center;gap:10px;margin:10px 0 15px}.inline-field input{max-width:105px}.inline-field span{font-size:10px;color:#89968e}.hint{font-size:9px;color:#9ba69f;font-weight:400;line-height:1.5}.info-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #edf1ed;font-size:10px;color:#7b8a80}.info-line strong{color:#43574a;text-transform:capitalize}.settings-card .hint{display:block;margin-top:13px}.wide{width:100%}.detail-list{display:grid;gap:0}.detail-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #edf1ed;font-size:11px}.detail-list span{color:#89968e;flex-shrink:0}.detail-list strong{color:#3b5043;text-align:right}.complete-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px}.complete-actions p{font-size:11px;color:#68796e;width:100%;margin:0 0 5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14251f88;z-index:60;display:grid;place-items:center;padding:18px;overflow:auto}.modal{width:min(650px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 80px #061c1340;padding:22px}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1ed;padding-bottom:15px;margin-bottom:18px}.modal-header h2{font-family:Manrope;font-size:17px;letter-spacing:-.4px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-label.wide,.form-actions{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.alert{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:8px;font-size:11px;margin-bottom:15px;line-height:1.5}.alert span{flex:1}.alert button{border:0;background:transparent;color:inherit}.alert.error{background:#fff0ef;color:#ad3933;border:1px solid #f5d4d1}.alert.success{background:#eaf6ed;color:#286a43;border:1px solid #d4ead9}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:90px 0;color:#839087;font-size:12px}.spinner{height:20px;width:20px;border:2px solid #dce9df;border-top-color:#1b5b46;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{min-height:100vh;background:radial-gradient(ellipse at 12% 12%,#e2f1e6 0,transparent 42%),#f5f8f5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #e6eee7;border-radius:16px;padding:30px;box-shadow:0 12px 45px #173d2510}.auth-icon{width:46px;height:46px;background:#e5f3e9;color:#236a47;border-radius:13px;display:grid;place-items:center;margin-bottom:20px}.auth-card h1{font-family:Manrope;font-size:24px;letter-spacing:-.8px;margin:7px 0}.auth-card>p{font-size:11px;color:#849188;line-height:1.6;margin:0 0 22px}.auth-card .field-label{margin-bottom:15px}.auth-submit{width:100%;margin-top:7px;padding:12px}.auth-links{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.auth-links button{border:0;background:transparent;color:#26734c;font-size:10px;font-weight:700}.auth-foot{font-size:10px;color:#9aa69d;margin-top:20px}.setup-card ol{font-size:11px;color:#65766b;line-height:1.9;padding-left:20px}.setup-card code{font-size:10px;background:#f0f5f1;padding:2px 4px;border-radius:3px}.muted{color:#9aa69e!important}.mobile-menu,.mobile-close,.scrim{display:none}@media(max-width:1200px){.page-content{padding:25px 23px}.topbar{padding:0 23px}.sidebar{width:225px}.main-area{margin-left:225px}.stats-grid{gap:10px}.stat-card{padding:14px}.dashboard-columns{grid-template-columns:1fr}.banner-art{margin-right:10px}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:transform .2s;width:260px;box-shadow:0 0 0 transparent}.sidebar.mobile-open{transform:translate(0);box-shadow:0 15px 50px #152a2030}.main-area{margin-left:0}.mobile-menu{display:inline-grid}.mobile-close{display:inline-grid;margin-left:auto;border:0;background:transparent;color:#718077}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14251f66;border:0;z-index:15}.topbar{gap:12px;padding:0 18px}.breadcrumb{flex:1}.top-actions{gap:8px}.date-chip{display:none}.page-content{padding:23px 18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.page-heading h1{font-size:24px}.welcome-banner{padding:22px}.welcome-banner h2{font-size:19px}.banner-art{opacity:.35;position:absolute;right:10px}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:560px){.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.heading-action,.heading-action .btn{width:100%}.welcome-banner{min-height:180px}.welcome-banner h2{font-size:18px;max-width:300px}.welcome-banner p{max-width:260px;line-height:1.6}.stats-grid{gap:9px}.stat-card{min-height:130px;padding:12px}.stat-value{font-size:23px}.stat-label{font-size:9px}.toolbar{align-items:stretch;flex-direction:column}.searchbox{width:100%}.toolbar>.btn{align-self:flex-start}.footer{align-items:flex-start;gap:9px;flex-direction:column}.form-grid{grid-template-columns:1fr}.field-label.wide,.form-actions{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.modal{padding:17px}.calendar-card{padding:10px}.calendar-day{min-height:72px;padding:3px}.weekday{font-size:9px;padding:8px 2px}.calendar-event{font-size:7px;padding:3px 2px}.day-number{width:19px;height:19px;font-size:9px}.calendar-header h3{min-width:130px;font-size:12px}.calendar-header{gap:3px}.calendar-header .small{margin-left:2px}.notification-row{padding:13px;gap:9px;flex-wrap:wrap}.notification-copy{min-width:calc(100% - 50px)}.notification-row>.btn{margin-left:44px}.bottom-strip{align-items:flex-start;flex-wrap:wrap}.bottom-strip>.btn{margin-left:46px}.auth-shell{padding:18px}.auth-card{padding:23px}.detail-list>div{align-items:flex-start}.detail-list strong{max-width:65%}}