@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#16211f;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7f5;font-family:DM Sans,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f4f7f5;min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#ecf5f0;background:#10231f;flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.brand-mark{color:#10231f;background:#a9e5c8;border-radius:12px;place-items:center;width:38px;height:38px;font-family:Space Grotesk;font-weight:800;display:grid}.brand strong{font-family:Space Grotesk;font-size:18px;display:block}.brand span{color:#9fb7ad;margin-top:2px;font-size:11px;display:block}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:#bcd0c7;border-radius:12px;padding:12px 14px;font-weight:600}.sidebar nav a:hover{color:#fff;background:#193630}.sidebar-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.user-chip{align-items:center;gap:10px;min-width:0;display:flex}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:13px}.user-chip small{color:#98b0a6;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.avatar{background:#29483e;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.icon-button{color:inherit;cursor:pointer;background:0 0;border:0}.mobile-menu{display:none}.main-content{min-width:0}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-bottom:1px solid #e4ebe7;justify-content:space-between;align-items:center;height:94px;padding:0 36px;display:flex}.topbar-copy h1{margin:4px 0 0;font-family:Space Grotesk;font-size:20px}.eyebrow{letter-spacing:.14em;color:#648078;font-size:10px;font-weight:700}.topbar-user{color:#53675f;font-size:13px}.content{max-width:1440px;margin:auto;padding:34px 36px 60px}.hero,.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.hero{color:#fff;background:linear-gradient(135deg,#17362f,#234d42);border-radius:22px;padding:28px}.hero p{color:#c8ddd4;margin:8px 0 0}.hero .eyebrow{color:#a7d6c2}.hero h2,.page-heading h2{margin:8px 0 0;font-family:Space Grotesk;font-size:36px;line-height:1.05}.primary,.secondary{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#1b6b55}.primary:hover{background:#155844}.primary.small{padding:9px 13px;font-size:13px}.secondary{color:#1c3f34;background:#fff;border:1px solid #dce8e2}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border:1px solid #e3ebe7;border-radius:18px;align-items:flex-start;gap:13px;padding:18px;display:flex}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:#6b7d75;font-size:12px}.stat-card strong{margin:3px 0;font-family:Space Grotesk;font-size:26px}.stat-card small{color:#8a9b94;font-size:11px}.stat-icon{color:#1a6b54;background:#eef7f2;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.panel{background:#fff;border:1px solid #e3ebe7;border-radius:18px;padding:22px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.panel h3{margin:0;font-family:Space Grotesk;font-size:18px}.panel p{color:#71827b;margin:5px 0 0;font-size:13px}.list-row{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.list-row:last-child{border-bottom:0}.list-row strong,.list-row span{display:block}.list-row strong{font-size:14px}.list-row div>span{color:#7b8b84;margin-top:3px;font-size:12px}.status{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:7px 9px;font-weight:800;font-size:10px!important}.status.pending,.status.reviewing{color:#7f5e00;background:#fff5d9}.status.assigned,.status.accepted,.status.scheduled{color:#285c99;background:#eaf2ff}.status.in_progress{color:#176c55;background:#e7f8f2}.status.completed,.status.verified{color:#2d7443;background:#eaf9ed}.status.cancelled{color:#a84040;background:#fdecec}.price{color:#1c6c56;font-weight:800}.two-col{grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:18px;display:grid}.stack{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label,.stack label{color:#40544b;gap:7px;font-size:12px;font-weight:700;display:grid}.full{grid-column:1/-1}input,textarea,select{color:#1a2a24;background:#fff;border:1px solid #d9e4de;border-radius:11px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:#5ea98f;box-shadow:0 0 0 3px #5ea98f1f}.error-box,.success-box{border-radius:11px;padding:11px 12px;font-size:12px}.error-box{color:#933d3d;background:#fff1f1;border:1px solid #f3c9c9}.success-box{color:#246743;background:#edf9f2;border:1px solid #c5ead3}.action-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline{gap:8px;padding:14px 0;display:grid}.timeline div{color:#667971;justify-content:space-between;gap:12px;font-size:12px;display:flex}.empty{text-align:center;color:#7d8c86;padding:34px 10px;font-size:13px}.muted{color:#74837d;font-size:13px}.auth-shell{background:radial-gradient(circle at 30% 20%,#d8f1e4 0,#f4f7f5 40%,#e7efeb 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{background:#fff;border:1px solid #dfe9e4;border-radius:24px;width:min(460px,100%);padding:30px;box-shadow:0 20px 60px #17312814}.auth-card.wide{width:min(700px,100%)}.brand-dark{color:#17352e;margin-bottom:24px}.auth-card h1{margin:10px 0 4px;font-family:Space Grotesk;font-size:34px}.auth-footer{text-align:center;color:#76847e;margin:20px 0 0;font-size:12px}.auth-footer a{color:#1a6b54;font-weight:700}.loading-screen{place-items:center;min-height:100vh;font-family:Space Grotesk;display:grid}.app-shell .topbar,.sidebar{z-index:5}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{width:260px;transition:left .2s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.mobile-menu{place-items:center;display:grid}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 20px}.content{padding:24px 20px 48px}}@media (width<=680px){.stats,.two-col,.form-grid{grid-template-columns:1fr}.hero,.page-heading{flex-direction:column;align-items:flex-start}.hero h2,.page-heading h2{font-size:30px}.topbar-user{display:none}.content{padding:20px 14px 36px}.panel{padding:17px}.list-row{flex-direction:column;align-items:flex-start}.list-row .status{align-self:flex-start}.auth-card{border-radius:18px;padding:22px}}.auth-card-demo{width:min(720px,100%)}.auth-heading{margin-bottom:22px}.auth-heading .eyebrow{margin:0}.auth-heading h1{margin:7px 0 5px}.auth-heading .muted{margin:0}.demo-section{margin-top:8px}.section-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-label span{color:#263c34;font-family:Space Grotesk;font-size:14px;font-weight:700}.section-label small{color:#7b8c84;font-size:11px}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-role-card{text-align:left;color:#18372e;cursor:pointer;background:#fbfdfc;border:1px solid #dce8e2;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:13px 12px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:flex}.demo-role-card:hover:not(:disabled){background:#f4fbf7;border-color:#8fc7b0;transform:translateY(-2px);box-shadow:0 8px 22px #17312814}.demo-role-card:disabled{cursor:not-allowed;opacity:.65}.demo-role-icon{color:#176c55;background:#eaf6f0;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.demo-role-copy{gap:2px;min-width:0;display:grid}.demo-role-copy strong{font-size:12px}.demo-role-copy small{color:#71827b;font-size:10px;line-height:1.35}.demo-arrow{color:#6a8178;flex:none;margin-left:auto;font-size:18px}.spin{animation:.8s linear infinite fieldflow-spin}@keyframes fieldflow-spin{to{transform:rotate(360deg)}}.login-divider{color:#87968f;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:22px 0 16px;font-size:10px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5ece8;flex:1;height:1px}.workflow-note{background:#f6faf8;border:1px solid #e0ebe6;border-radius:12px;gap:2px;margin-top:18px;padding:12px 14px;display:grid}.workflow-note strong{color:#31584b;font-size:11px}.workflow-note span{color:#71827b;font-size:11px}@media (width<=680px){.demo-grid{grid-template-columns:1fr}.demo-role-card{padding:12px}.section-label{flex-direction:column;align-items:flex-start;gap:3px}}