.demo-label{display:inline-block;border-radius:20px;padding:7px 11px;border:1px solid #d6dfd0;color:#657a65;font-size:9px;letter-spacing:1px;margin-bottom:28px;background:#f0f4ea}.demo-credentials{background:#eff3e9;padding:16px 18px;border-radius:8px;margin:22px 0 17px;border:1px solid #e2e9da}.demo-credentials>span{font-size:8px;letter-spacing:1.5px;color:#839075}.demo-credentials p{font-size:11px;margin:11px 0 0;color:#697966}.demo-credentials code{font-size:13px;color:#214b40;font-weight:600;padding:3px 7px;background:#fff;border-radius:4px}.demo-credentials i{font-style:normal;margin:0 9px;color:#abb5a0}.welcome-body{background:#112d34;color:#eef1e9;display:grid;place-items:center;min-height:100vh;overflow:hidden}.welcome-stage{text-align:center;position:relative;padding:50px 20px;max-width:600px;animation:welcome-arrive .9s ease both}.welcome-stage>.eyebrow{justify-content:center;color:#b2c4bf;font-size:9px;margin:28px 0}.welcome-stage h1{font-size:clamp(40px,7vw,68px);line-height:1.12;letter-spacing:-1.7px}.welcome-stage>p:not(.eyebrow){font-size:13px;color:#b2c4bf;margin-top:24px}.welcome-mark{display:grid;place-items:center;width:82px;height:82px;margin:auto;background:#dce9d6;color:#112d34;border-radius:24px;font-size:40px;letter-spacing:-5px;box-shadow:0 0 0 12px #b0c4aa08;animation:mark-arrive 1.1s cubic-bezier(.2,.8,.3,1) both}.welcome-orbits{position:absolute;inset:0;pointer-events:none;z-index:-1;display:grid;place-items:center}.welcome-orbits span{position:absolute;width:450px;height:450px;border:1px solid #b2c4bf12;border-radius:50%;animation:orbit-pulse 3s ease-out infinite}.welcome-orbits span:nth-child(2){width:620px;height:620px;animation-delay:.3s}.welcome-orbits span:nth-child(3){width:800px;height:800px;animation-delay:.6s}.welcome-progress{height:3px;width:160px;background:#ffffff15;margin:34px auto 24px;overflow:hidden;border-radius:9px}.welcome-progress>span{display:block;width:100%;height:100%;background:#e9ad76;transform-origin:left;animation:welcome-load 3s ease both}.welcome-stage>a{font-size:11px;color:#dce9d6;text-decoration:none;display:inline-flex;gap:16px;align-items:center}.welcome-stage>a:hover{color:#e9ad76}.welcome-stage small{display:block;color:#7f9991;font-size:9px;letter-spacing:1px;margin-top:44px}@keyframes welcome-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-arrive{from{opacity:0;transform:scale(.7) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes welcome-load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes orbit-pulse{0%{opacity:.4;transform:scale(.95)}70%{opacity:1}100%{opacity:.4;transform:scale(1.05)}}.portal-body{background:#f5f7f1}.portal-layout{display:flex;min-height:100vh}.portal-sidebar{width:235px;flex:0 0 235px;background:#112d34;color:#dbe7dd;display:flex;flex-direction:column;padding:31px 21px;position:sticky;top:0;height:100vh}.portal-sidebar .brand{font-size:19px;letter-spacing:3px;padding-left:5px}.portal-sidebar .brandmark{width:38px;height:39px;font-size:25px;border-radius:10px}.portal-sidebar .brand-sub{font-size:7px;letter-spacing:1.4px}.nav-caption{font-size:8px;letter-spacing:1.4px;color:#6f9187;margin:53px 12px 18px}.portal-sidebar nav{display:flex;flex-direction:column;gap:7px}.portal-sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 15px;text-decoration:none;border-radius:7px;font-size:11px;color:#9fb7af}.portal-sidebar nav a>span{font-size:18px;min-width:19px;color:#7e9e91}.portal-sidebar nav a.selected{background:#2d5149;color:#f3f5ed}.portal-sidebar nav a.selected>span{color:#e9ad76}.portal-sidebar nav a:hover{background:#24473f}.sidebar-bottom{margin-top:auto;display:flex;gap:11px;align-items:center;border-top:1px solid #66837935;padding:24px 5px 0;font-size:11px}.avatar{background:#365b4e;color:#e1d0ac;border-radius:11px;width:35px;height:36px;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.sidebar-bottom small{display:block;font-size:8px;color:#77968a;margin-top:6px}.portal-main{flex:1;min-width:0}.portal-header{height:78px;border-bottom:1px solid #e0e6db;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#fafbf7;font-size:11px}.crumb{font-size:8px;letter-spacing:1.4px;color:#99a393;margin-right:11px}.logout-button{border:1px solid #d8e1d1;border-radius:6px;background:transparent;color:#6e816e;font-size:10px;padding:9px 13px;cursor:pointer}.logout-button>span{margin-left:12px}.logout-button:hover{background:#e9f0e1}.portal-content{padding:24px 40px;max-width:1500px;margin:auto}.demo-notice{display:flex;gap:9px;align-items:center;border:1px solid #e4dfcd;background:#f8f4e7;padding:11px 15px;font-size:9px;color:#9a8867;border-radius:6px;margin-bottom:35px}.demo-notice .small-dot{background:#b9a177;flex-shrink:0}.portal-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.portal-greeting h2{font-size:34px;margin-bottom:12px}.portal-greeting>div>p:last-child{color:#8b9785;font-size:11px}.greeting-icon{font-size:76px;color:#b0bda0;padding-right:15px;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 34px}.stat-grid article{border:1px solid #dfe6d6;border-radius:9px;background:#fcfdf9;padding:21px}.stat-grid article>span{font-size:10px;color:#89967f}.stat-grid strong{display:block;font-family:Georgia,serif;font-size:37px;font-weight:400;margin:15px 0}.stat-grid strong small{font-family:Segoe UI,Arial,sans-serif;font-size:9px;font-weight:400;color:#a0aa96;margin-left:7px;display:inline-block}.mini-bars{color:#80a185;letter-spacing:7px;font-size:17px;height:22px;overflow:hidden}.stat-note{font-size:9px;color:#96a389;margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.section-heading h3{font-size:13px;font-weight:500;margin:0}.section-heading>span{font-size:8px;letter-spacing:1.3px;color:#a0ab96}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.shortcut-grid>a{display:block;background:#fbfcf7;border:1px solid #dfe6d6;border-radius:9px;padding:19px 17px;text-decoration:none;position:relative;transition:transform .2s,border-color .2s}.shortcut-grid>a:hover{transform:translateY(-3px);border-color:#789b7d}.shortcut-icon{width:33px;height:35px;border-radius:10px;background:#e8eedf;display:grid;place-items:center;font-size:21px;color:#537d5e}.shortcut-grid h3{font-size:11px;font-weight:600;margin:17px 0 9px}.shortcut-grid p{font-size:10px;color:#96a18b;line-height:1.7;margin:0 0 17px}.shortcut-arrow{color:#7e9d77;position:absolute;right:16px;top:21px}.activity-panel{border:1px solid #dfe6d6;border-radius:9px;background:#fbfcf7;padding:22px}.activity-row{display:flex;gap:12px;align-items:center;padding-top:9px}.activity-dot{width:8px;height:8px;border-radius:50%;background:#90af82;flex-shrink:0}.activity-row p{font-size:10px;margin:0}.activity-row small{display:block;font-size:9px;color:#99a68e;margin-top:6px}.activity-row>span:last-child{margin-left:auto;font-size:8px;color:#a1ad97}.portal-footer{display:flex;justify-content:space-between;margin-top:40px;padding:15px 0;font-size:8px;color:#a0ab96;gap:10px}.table-wrap{overflow-x:auto;background:#fcfdf9;border:1px solid #dfe6d6;border-radius:9px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{font-size:9px;font-weight:500;letter-spacing:.5px;color:#9ba78e;background:#f0f4e9}td,th{padding:20px;border-bottom:1px solid #e6ebdf}tbody tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:5px 9px;background:#e3eedb;color:#60805b;border-radius:20px;font-size:9px;white-space:nowrap}.pill.soft{background:#f2ead6;color:#9a8550}.kanban-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kanban-grid>section{background:#eaf0e3;border-radius:9px;padding:18px}.kanban-grid h3{font-size:11px;font-weight:500;margin:0 0 20px}.kanban-grid article{background:#fcfdf8;padding:19px;border-radius:7px;border:1px solid #dce5d2}.kanban-grid h4{font-size:12px;font-weight:500;margin:20px 0}.kanban-grid article p{font-size:11px;color:#8d9e7d}.agenda-list{display:flex;flex-direction:column;gap:13px}.agenda-list article{display:flex;gap:24px;align-items:center;background:#fcfdf8;border:1px solid #dfe6d6;border-radius:8px;padding:22px}.agenda-list time{font-family:Georgia,serif;font-size:25px;color:#547357}.agenda-list h3{font-size:12px;font-weight:500;margin:0 0 7px}.agenda-list p{font-size:10px;color:#96a38b;margin:0}.agenda-list .pill{margin-left:auto}.report-panel{background:#fcfdf8;border:1px solid #dfe6d6;border-radius:9px;padding:25px}.report-panel h3{font-size:13px;font-weight:500;margin:0 0 30px}.report-row{display:grid;grid-template-columns:140px 1fr 50px;gap:18px;align-items:center;font-size:10px;margin-bottom:25px}.report-row strong{font-weight:400;color:#8da07b}.report-row progress{width:100%;height:10px;accent-color:#648962;border:0;border-radius:5px;overflow:hidden}.report-row progress::-webkit-progress-bar{background:#eaf0e2;border-radius:5px}.report-row progress::-webkit-progress-value{background:#648962;border-radius:5px}@media(max-width:1100px){.portal-sidebar{width:200px;flex-basis:200px;padding-left:13px;padding-right:13px}.portal-content{padding:24px}.portal-header{padding:0 24px}.shortcut-grid{grid-template-columns:repeat(2,1fr)}.stat-grid article{padding:17px}.stat-grid strong small{display:block;margin:5px 0 0}.mini-bars{letter-spacing:4px}.portal-greeting h2{font-size:30px}}@media(max-width:700px){.portal-layout{display:block}.portal-sidebar{position:static;height:auto;width:100%;padding:19px}.portal-sidebar .brand{font-size:17px}.portal-sidebar .brandmark{height:32px;width:32px;font-size:22px}.nav-caption,.sidebar-bottom{display:none}.portal-sidebar nav{flex-direction:row;margin-top:21px;overflow-x:auto;gap:5px;padding-bottom:4px}.portal-sidebar nav a{flex-shrink:0;padding:9px 12px;font-size:10px;gap:6px}.portal-sidebar nav a>span{font-size:15px;min-width:15px}.portal-header{height:61px;padding:0 21px}.portal-content{padding:20px}.demo-notice{font-size:8px;line-height:1.7;padding:10px;margin-bottom:28px}.portal-greeting h2{font-size:29px}.portal-greeting .greeting-icon{font-size:51px;padding-right:0}.portal-greeting .eyebrow{font-size:8px}.stat-grid{grid-template-columns:1fr;gap:10px;margin-bottom:27px}.stat-grid article{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:16px}.stat-grid strong{margin:0;font-size:30px;text-align:right;grid-row:span 2}.stat-grid strong small{font-size:8px}.stat-grid article>span{font-size:10px}.stat-note{font-size:8px}.mini-bars{font-size:13px;height:auto}.shortcut-grid{gap:10px}.shortcut-grid>a{padding:16px 14px}.shortcut-grid h3{font-size:11px}.shortcut-grid p{font-size:9px}.section-heading h3{font-size:12px}.section-heading>span{font-size:7px}.activity-panel{padding:17px}.activity-row{align-items:flex-start}.activity-row p{font-size:9px}.activity-row small{font-size:8px;line-height:1.7}.portal-footer{font-size:7px}.kanban-grid{grid-template-columns:1fr}.agenda-list article{padding:18px 13px;gap:13px}.agenda-list time{font-size:22px}.agenda-list h3{font-size:11px}.agenda-list p{font-size:9px}.agenda-list .pill{display:none}.report-panel{padding:20px 15px}.report-row{grid-template-columns:95px 1fr 30px;gap:10px;font-size:9px}.welcome-stage h1{font-size:42px}.welcome-orbits span{width:300px;height:300px}.welcome-orbits span:nth-child(2){width:430px;height:430px}.welcome-orbits span:nth-child(3){width:560px;height:560px}}@media(prefers-reduced-motion:reduce){.welcome-stage,.welcome-mark,.welcome-orbits span,.welcome-progress>span{animation:none!important}.shortcut-grid>a:hover{transform:none}}