:root{--ink:#173d3a;--ink-dark:#123b38;--muted:#71827f;--line:#e7eeeb;--surface:#fff;--bg:#f7f9f7;--teal:#087e71;--teal-dark:#08675d;--mint:#e6f6ef;--orange:#edaa75;--radius:18px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Plus Jakarta Sans",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;flex:none;background:#123c39;color:#d3e3df;min-height:100vh;display:flex;flex-direction:column;padding:30px 18px 21px;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;font-size:27px;letter-spacing:-1.8px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:2.3px;font-weight:700;margin-top:7px;color:#aac6bc}.brand-dot{color:#94dcc2}.brand-mark{width:35px;height:35px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-12deg)}.brand-mark span{background:#8cddbd;border-radius:4px}.brand-mark span:nth-child(2){background:#f2b884}.brand-mark span:nth-child(3){background:#4cb39f}.brand-mark span:nth-child(4){background:#d6f3e8}.sidebar>.brand{margin:2px 16px 53px}.sidebar-label{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#86aaa1;margin:0 16px 13px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-section{margin-top:32px;margin-bottom:9px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:11px;font-size:13px;font-weight:600;color:#c7dbd4;transition:background .18s,color .18s}.nav-link svg{width:19px;height:19px}.nav-link:hover{background:#25554e;color:white}.nav-link.active{background:#e4f4e9;color:#155d50;font-weight:800}.sidebar-bottom{margin-top:auto}.sidebar-help{background:#23534d;border:1px solid #3b6b60;border-radius:17px;padding:16px 16px 17px;margin-bottom:22px;position:relative;overflow:hidden}.sidebar-help:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:#3b7363;right:-37px;top:-38px}.help-orb{display:inline-flex;width:29px;height:29px;border-radius:10px;background:#e1f4dc;color:#1a725d;align-items:center;justify-content:center;font-size:19px;margin-bottom:15px}.sidebar-help strong{display:block;color:#fff;font-size:12px;line-height:1.5;position:relative;z-index:1}.sidebar-help p{font-size:11px;color:#b6d1c8;line-height:1.6;margin:7px 0 0;position:relative;z-index:1}.sidebar-profile{display:flex;align-items:center;gap:9px;border-top:1px solid #34635b;padding:19px 2px 0}.avatar,.top-avatar,.mini-avatar,.profile-avatar{display:flex;align-items:center;justify-content:center;background:#d8eee2;color:#0e6457;font-weight:800;flex:none}.avatar{width:36px;height:36px;border-radius:11px}.sidebar-profile span:nth-child(2){min-width:0;flex:1}.sidebar-profile strong{display:block;font-size:11px;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile small{display:block;font-size:10px;color:#accbc1;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile svg{width:15px;transform:rotate(-45deg)}.main-column{min-width:0;flex:1}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:22px}.breadcrumb{font-size:12px;color:#8b9995}.breadcrumb span{padding:0 12px;color:#bbcac4}.breadcrumb strong{font-weight:700;color:#2a504b}.topbar-date{font-size:11px;font-weight:600;color:#8b9995}.top-avatar{width:35px;height:35px;border-radius:50%;font-size:13px}.page-container{max-width:1560px;margin:auto;padding:33px 37px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px}.page-heading h1{font-size:29px;letter-spacing:-1.4px;line-height:1.2;margin:7px 0 7px;font-weight:800;color:#173d3a}.page-heading p{margin:0;color:#7b8985;font-size:13px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.65px;color:#0c8874}.btn{border:1px solid transparent;border-radius:10px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .18s,transform .18s,border-color .18s}.btn:hover{transform:translateY(-1px)}.btn svg{width:16px;height:16px}.btn-primary{background:#0e8273;color:white}.btn-primary:hover{background:#09695f}.btn-secondary{background:white;color:#315a53;border-color:#dbe6e1}.btn-secondary:hover{background:#f4faf7}.hero-panel{height:226px;background:#123d39;border-radius:20px;color:white;display:flex;overflow:hidden;position:relative;margin-bottom:23px}.hero-content{padding:30px 0 30px 36px;width:57%;z-index:2}.hero-pill{display:inline-flex;align-items:center;gap:8px;color:#bce3d3;border:1px solid #427366;border-radius:20px;padding:5px 11px;font-size:9px;letter-spacing:1.4px;font-weight:800}.hero-pill span{background:#a8e4b9;width:6px;height:6px;border-radius:50%}.hero-panel h2{font-size:25px;line-height:1.28;letter-spacing:-.9px;margin:13px 0 8px}.hero-panel h2 em{font-style:normal;color:#a9dfbe}.hero-panel p{font-size:11px;color:#bdd4cc;max-width:400px;line-height:1.65;margin:0 0 13px}.hero-link{font-size:11px;font-weight:800;display:inline-flex;gap:9px;align-items:center;color:#ecb98b}.hero-link svg{width:15px;height:15px}.hero-art{flex:1;position:relative;min-width:200px}.art-circle{position:absolute;border-radius:50%;border:1px solid #397169}.art-circle-one{width:270px;height:270px;right:25px;top:-25px}.art-circle-two{width:180px;height:180px;right:69px;top:20px;background:#20534d}.art-sheet{position:absolute;right:87px;top:33px;width:178px;height:195px;border-radius:12px 12px 0 0;background:#fff;transform:rotate(-8deg);padding:17px;box-shadow:0 15px 20px #0b2c2970}.art-sheet-top{display:flex;gap:5px;margin-bottom:18px}.art-sheet-top i{width:6px;height:6px;border-radius:50%;background:#dcece5}.art-sheet-top i:first-child{background:#f1ae83}.art-line{height:7px;background:#e6eeeb;border-radius:5px;margin:8px 0;width:74%}.art-line.large{width:93%;height:10px;background:#cedfd6}.art-check-row{display:flex;gap:8px;align-items:center;margin-top:13px}.art-check-row span{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#d9f4e5;color:#17886c;font-size:11px;font-weight:800}.art-check-row b{width:75%;height:6px;border-radius:4px;background:#e1eae6}.art-check-row:nth-child(5) b{width:56%}.muted-check span{background:#edf2ef;color:#9bad9e}.art-badge{position:absolute;right:35px;top:99px;background:#fff;color:#127861;border-radius:10px;padding:9px 12px;box-shadow:0 10px 20px #0b2c2960;transform:rotate(7deg);font-size:13px}.art-badge strong{font-size:14px}.art-badge small{display:block;color:#82918d;font-size:8px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat-card,.card{background:#fff;border:1px solid var(--line);border-radius:16px}.stat-card{padding:17px 18px 15px;min-height:165px}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.stat-icon svg{width:18px;height:18px}.stat-icon.teal{background:#e3f4ee;color:#087a69}.stat-icon.amber{background:#fff3e9;color:#e49b5c}.stat-icon.green{background:#e7f8e8;color:#4b9d58}.stat-icon.purple{background:#f0edfc;color:#8166be}.stat-period{font-size:9px;color:#9aa8a2;font-weight:700}.stat-card>strong{display:block;font-size:26px;line-height:1.1;letter-spacing:-.9px}.stat-card>strong small{font-size:13px}.stat-card>span{font-size:11px;color:#657c74;font-weight:700}.stat-foot{border-top:1px solid #f0f3f1;margin-top:15px;padding-top:9px;color:#9ca9a3;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 24px 14px}.card-heading h2{font-size:16px;letter-spacing:-.45px;margin:2px 0 0}.text-link{font-size:10px;font-weight:800;color:#0b8772;display:flex;gap:5px;align-items:center}.text-link svg{width:14px;height:14px}.activity-card{min-height:315px}.activity-row{display:flex;align-items:center;gap:11px;padding:13px 24px;border-top:1px solid #f1f4f2}.activity-dot{width:9px;height:9px;border:2px solid #ecb170;border-radius:50%;flex:none}.activity-dot.done{border-color:#47ab7b;background:#47ab7b}.activity-info{flex:1;min-width:0}.activity-info strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-info span{color:#9ba9a2;font-size:9px;display:block;margin-top:3px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:20px;white-space:nowrap;font-size:9px;font-weight:800}.badge-done{background:#e7f6e9;color:#328453}.badge-progress{background:#fff1e2;color:#be7b3f}.badge-admin{background:#e9efff;color:#596cc1}.badge-manager{background:#e9f3ee;color:#2d8064}.badge-user{background:#f0f2f1;color:#687b72}.weekly-card{min-height:315px}.chart-area{height:198px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:10px 26px 0}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:7px}.bar-value{color:#8fa098;font-size:9px;font-weight:700}.bar-track{height:100%;width:min(27px,100%);display:flex;align-items:flex-end;background:#f2f7f4;border-radius:7px 7px 0 0;overflow:hidden}.bar-fill{width:100%;background:#bce4d2;border-radius:7px 7px 0 0;min-height:4px}.bar-fill.current{background:#138b75}.bar-label{font-size:9px;color:#94a19b;font-weight:700}.chart-note{display:flex;gap:7px;align-items:center;margin:21px 26px 0;font-size:9px;color:#9eaaa5}.chart-note span{width:7px;height:7px;border-radius:50%;background:#168a76}.table-card{overflow:hidden}.list-heading{padding-bottom:20px}.list-heading h2{font-size:17px}.list-heading p{font-size:11px;color:#93a099;margin:4px 0 0}.filter-bar{display:flex;gap:9px;align-items:center;padding:0 24px 20px;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:210px}.search-field svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;color:#9aac9f}.search-field input{padding-left:38px;width:100%}.filter-bar input,.filter-bar select{height:39px;border:1px solid #e1eae5;border-radius:9px;background:white;color:#476258;padding:0 11px;font-size:11px}.filter-bar select{min-width:125px}.filter-bar input[type=date]{max-width:146px}.filter-bar .btn{min-height:39px}.clear-link{font-size:11px;color:#087d6c;font-weight:700}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{background:#f8faf8;color:#9aaba2;font-size:9px;letter-spacing:1px;font-weight:800;white-space:nowrap;padding:13px 24px;border-top:1px solid #eff3ef;border-bottom:1px solid #eff3ef}td{padding:15px 24px;border-bottom:1px solid #f0f3f1;color:#577068;vertical-align:middle}td:first-child{min-width:235px}tr:last-child td{border-bottom:0}.table-title{font-weight:800;color:#23483e;font-size:11px}.table-sub{margin-top:4px;color:#9dac9f;font-size:10px;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-cell{display:flex;align-items:center;gap:9px;white-space:nowrap}.person-cell strong{display:block;color:#2b4f45;font-size:11px}.person-cell small{display:block;color:#9baa9f;font-size:9px;margin-top:2px}.mini-avatar{width:29px;height:29px;border-radius:9px;font-size:10px}.row-actions{display:flex;gap:5px;justify-content:flex-end}.row-actions a,.row-actions button{border:0;background:none;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#8ba298}.row-actions a:hover,.row-actions button:hover{background:#edf6f1;color:#0c7868}.row-actions button:hover{background:#fff1ec;color:#c26349}.row-actions svg{width:16px;height:16px}.actions-head{text-align:right}.department-name{display:flex;align-items:center;gap:10px;color:#2e584d}.department-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e7f4ed;color:#279073}.department-icon svg{width:16px;height:16px}.pagination-wrap{padding:15px 23px}.pagination-wrap nav{font-size:11px}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.pagination-wrap nav>div:last-child>div:first-child{color:#83938a}.pagination-wrap nav a,.pagination-wrap nav span{border-radius:6px}.empty-state{text-align:center;padding:34px;color:#93a399}.empty-state>span{display:block;color:#48a97f;font-size:28px;margin-bottom:9px}.empty-state strong{display:block;font-size:12px;color:#3b5a4f}.empty-state p{font-size:11px;margin:4px 0 0}.back-link{font-size:11px;color:#14927b;font-weight:800}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start;max-width:1040px}.form-card{padding:25px}.narrow-card{max-width:790px}.form-section-heading{display:flex;gap:12px;align-items:start;margin-bottom:24px}.section-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#0b806e;background:#e7f5ed;font-size:10px;font-weight:800}.form-section-heading h2{margin:0;font-size:16px}.form-section-heading p{margin:3px 0 0;color:#9aaa9e;font-size:10px}.field{margin-bottom:18px}.field label{display:block;font-weight:800;font-size:11px;margin-bottom:7px;color:#3b5b52}.field label span{color:#e5916f}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe9e3;background:white;color:#284e42;border-radius:9px;padding:11px 12px;outline:none;font-size:12px;transition:border .18s,box-shadow .18s}.field input,.field select{height:43px}.field textarea{resize:vertical;min-height:100px}.field input::placeholder,.field textarea::placeholder{color:#b5c0b7}.field input:focus,.field select:focus,.field textarea:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:#1b8c78;box-shadow:0 0 0 3px #d3efe3;outline:none}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-error{display:block;color:#bd463d;font-size:10px;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #eef2ee;padding-top:18px;margin-top:9px}.form-tip{border-radius:16px;background:#eaf5ed;padding:23px;color:#396957}.tip-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#d3ecd9;color:#22866a;font-size:23px}.form-tip h3{font-size:13px;margin:20px 0 8px}.form-tip p,.form-tip>span:last-child{font-size:10px;line-height:1.75;color:#658b79}.form-tip p{margin:0}.tip-divider{height:1px;background:#cee5d5;margin:17px 0}.profile-banner{background:#123d39;border-radius:16px;color:white;padding:26px;display:flex;align-items:center;gap:17px;margin-bottom:21px}.profile-avatar{width:70px;height:70px;border-radius:19px;font-size:25px}.profile-banner h2{margin:0;font-size:19px}.profile-banner p{margin:3px 0 10px;font-size:11px;color:#bad3c9}.profile-dept{margin-left:8px;font-size:10px;color:#b9d7c7}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logout-form{margin-top:24px}.logout-form button{border:0;background:transparent;display:flex;align-items:center;gap:7px;color:#af5a4b;font-size:11px;font-weight:800;padding:7px}.logout-form svg{width:17px;height:17px}.alert{display:flex;align-items:center;gap:10px;border-radius:10px;padding:11px 14px;margin-bottom:20px;font-size:11px;font-weight:700}.alert svg{width:16px;height:16px}.alert.success{background:#e4f5eb;color:#197653}.alert.error{background:#fff0ec;color:#bb5446}.mobile-menu,.nav-toggle,.sidebar-scrim{display:none}.wave{color:#eaa873;font-size:22px}.login-body{background:#f7faf7}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-showcase{background:#123d39;color:white;position:relative;overflow:hidden;padding:42px 9%;display:flex;flex-direction:column}.login-showcase>.brand{position:relative;z-index:2}.showcase-copy{margin:auto 0;position:relative;z-index:2}.eyebrow.light{color:#bde8d0}.showcase-copy h1{font-size:clamp(35px,4vw,66px);letter-spacing:-3px;line-height:1.12;margin:20px 0}.showcase-copy h1 em{font-style:normal;color:#b5e2c4}.showcase-copy p{max-width:445px;color:#b7d3ca;font-size:14px;line-height:1.8}.showcase-card{position:relative;z-index:2;max-width:325px;background:#23564e;border:1px solid #40796b;border-radius:15px;padding:14px;display:flex;gap:12px}.showcase-icon{width:33px;height:33px;border-radius:9px;background:#def3df;color:#118065;display:grid;place-items:center;font-weight:800}.showcase-card strong{display:block;font-size:11px}.showcase-card span{display:block;font-size:10px;line-height:1.6;color:#b6d7c8;margin-top:3px}.showcase-orbit{position:absolute;border:1px solid #366b60;border-radius:50%;width:590px;height:590px;right:-300px;top:60px}.orbit-two{width:430px;height:430px;right:-210px;top:145px;background:#1b4c45}.login-panel{display:grid;place-items:center;padding:35px}.login-form-wrap{width:min(390px,100%)}.login-kicker{color:#14937c;font-size:10px;letter-spacing:1.5px;font-weight:800}.login-panel h2{font-size:29px;letter-spacing:-1.3px;margin:10px 0 3px}.muted,.login-panel .muted{color:#8b9c93;font-size:12px}.login-form{margin-top:34px}.login-form .field{margin-bottom:18px}.login-form .field input{height:47px}.check-row{display:flex;align-items:center;gap:7px;color:#60796d;font-size:11px;margin:2px 0 24px}.check-row input{accent-color:#0f8773}.btn-full{width:100%;justify-content:space-between;height:48px;padding:0 18px}.demo-note{margin-top:29px;border-top:1px solid #e5ece6;padding-top:20px;display:flex;flex-direction:column;gap:5px;color:#8ca198;font-size:10px}.demo-note strong{color:#506e60;font-size:11px;margin-bottom:3px}:focus-visible{outline:3px solid #e7ae79;outline-offset:2px}@media(max-width:1100px){.sidebar{width:220px}.page-container{padding:28px}.topbar{padding:0 28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .2s;width:254px}.nav-toggle:checked~.app-shell .sidebar{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;background:#132e2b8c;z-index:19}.nav-toggle:checked~.sidebar-scrim{display:block}.mobile-menu{display:grid;place-items:center;cursor:pointer}.mobile-menu svg{width:20px}.topbar-date{display:none}.page-container{padding:24px}.dashboard-grid{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-showcase{min-height:250px;padding:25px 8%}.showcase-copy{margin:28px 0 0}.showcase-copy h1{font-size:33px;margin:12px 0}.showcase-copy p{font-size:11px;margin-bottom:0}.showcase-card{display:none}.login-panel{padding:45px 24px}.form-layout{grid-template-columns:1fr}.form-tip{display:none}}@media(max-width:580px){.topbar{height:61px;padding:0 17px}.page-container{padding:21px 16px 45px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:21px;gap:16px}.page-heading h1{font-size:25px}.page-heading>.btn{width:100%}.hero-panel{height:auto;min-height:215px}.hero-content{padding:26px;width:100%}.hero-panel h2{font-size:21px}.hero-panel p{max-width:230px}.hero-art{position:absolute;right:-85px;top:8px;width:250px;height:100%;opacity:.35}.art-badge{display:none}.stats-grid{gap:10px}.stat-card{padding:14px;min-height:147px}.stat-card>strong{font-size:22px}.stat-period{font-size:8px}.card-heading{padding:19px}.activity-row{padding:12px 19px}.weekly-card{min-height:300px}.field-grid,.profile-grid{grid-template-columns:1fr;gap:0}.form-card{padding:19px}.filter-bar{padding:0 17px 16px}.filter-bar .search-field{flex-basis:100%}.filter-bar input[type=date]{max-width:calc(50% - 5px);flex:1}.table-card th,.table-card td{padding:13px 14px}.profile-banner{padding:20px}.profile-avatar{width:54px;height:54px}.breadcrumb{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:580px){
  .main-column,.page-container,.dashboard-grid,.stats-grid,.dashboard-grid>*{min-width:0;max-width:100%}
  .dashboard-grid{grid-template-columns:minmax(0,1fr)}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-card{min-width:0;overflow:hidden}
  .stat-card>strong{overflow-wrap:anywhere}
  .activity-card .card-heading{flex-wrap:wrap}
  .activity-card .card-heading>div,.activity-row .activity-info{min-width:0}
  .activity-info span{overflow-wrap:anywhere}
  .weekly-card{min-width:0;overflow:hidden}
  .weekly-card .chart-area{min-width:0;padding-inline:12px;gap:4px}
  .weekly-card .bar-col{min-width:0}
  .topbar-left,.breadcrumb{min-width:0}
  .breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}