@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#213e37;background:#f7f8f5;font-synthesis:none;font-weight:400;font-size:14px;--green: #174c40;--dark: #143d34;--muted: #78867e;--line: #e5e9e2;--mint: #e5f0e5;--lime: #d7edb3}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #88ae54}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(1px)}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-weight:650;letter-spacing:-1.5px}h2{font-size:21px;font-weight:650;letter-spacing:-.5px}h3{font-size:15px;font-weight:700;letter-spacing:-.2px}p{line-height:1.65}button{border:0}small{font-size:12px}.muted{color:var(--muted)}.demo-ribbon{height:29px;background:#143d34;color:#ceded5;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:10px;letter-spacing:.3px}.demo-ribbon>span:first-child{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.3px}.demo-ribbon button{display:flex;gap:6px;align-items:center;color:#e6efdf;background:none;font-size:10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8cb979;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1}.brand-by{display:block;font:8px DM Sans,sans-serif;letter-spacing:2px;font-weight:600;margin-top:9px;color:#8a9389}.brand-symbol{width:33px;height:35px;display:flex;gap:3px;align-items:center}.brand-symbol span{height:24px;width:8px;border-radius:7px;background:#295747;transform:rotate(-20deg)}.brand-symbol span:nth-child(2){height:35px;background:#8eae76}.brand-symbol span:last-child{height:27px;background:#5a8065}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border-radius:9px;font-weight:600;font-size:13px;min-height:47px;white-space:nowrap}.btn-primary{color:#fff;background:var(--green)}.btn-primary:hover:not(:disabled){background:#24634f;box-shadow:0 4px 13px #163b2814}.btn-secondary{background:#fff;border:1px solid #dce2d9;color:#345144}.btn-secondary:hover:not(:disabled){background:#edf2e9}.btn-primary.small,.btn-secondary.small{min-height:38px;padding:10px 14px;font-size:12px}.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border-radius:50%;color:#65776c}.icon-button:hover{background:#ecf0e9}.text-button{display:inline-flex;gap:8px;align-items:center;background:none;color:var(--green);font-weight:600;font-size:12px;padding:8px 0}.centered{text-align:center;justify-content:center}.text-button.centered{display:flex;width:100%;margin:10px auto 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#7c8c7d;display:flex;align-items:center;gap:9px}.badge{display:inline-flex;align-items:center;gap:5px;background:#edf4e8;color:#527146;padding:6px 9px;font-size:10px;font-weight:600;border-radius:5px;white-space:nowrap}.badge.amber{background:#fbf1dc;color:#9d7731}.badge.lilac{background:#eeebf6;color:#7a6b94}.icon-tile{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.mint{background:#eaf1e5;color:#6f9060}.lilac{background:#eeebf6;color:#8b7da6}.peach{background:#f8ebe0;color:#bc9275}.sand{background:#f6f0dc;color:#ae995b}.dark{background:#1c4e40;color:#e3eccd}.welcome{min-height:calc(100vh - 29px);display:flex;flex-direction:column;background:#f8f9f5;padding:0 5.5vw}.welcome>header{display:flex;align-items:center;justify-content:space-between;height:118px}.location{display:flex;gap:9px;color:#7b897e;font-size:12px;align-items:center}.welcome-main{flex:1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;max-width:1450px;width:100%;margin:0 auto;padding:25px 0 70px}.welcome-copy .eyebrow>span{height:6px;width:6px;border-radius:50%;background:#85a66e}.welcome-copy h1{font-size:clamp(44px,4.7vw,69px);line-height:1.16;margin:24px 0}.welcome-copy h1>span{color:#8b9e74}.welcome-copy>p{color:#7b877e;font-size:16px;line-height:1.8}.welcome-actions{margin-top:35px}.welcome-actions .btn-primary{padding:19px 24px;font-size:14px;gap:15px}.welcome-actions .btn-primary svg:last-child{margin-left:19px}.register-button{display:flex;align-items:center;gap:5px;padding:19px 0;background:none;font-size:12px;color:#829080}.register-button strong{color:#355648;font-weight:600}.welcome-trust{display:flex;gap:12px;color:#81907f;margin-top:40px;align-items:center;font-size:11px;line-height:1.5}.welcome-trust small{font-size:10px;color:#9aa497}.welcome-art{height:530px;background:#e6ecdf;border-radius:130px 130px 22px 22px;position:relative;overflow:hidden;display:flex;justify-content:center}.orbit{position:absolute;border:1px solid #cfd9c3;border-radius:50%;width:510px;height:510px;top:12px;left:50%;transform:translate(-50%)}.orbit-two{width:410px;height:410px;top:61px}.art-pill{position:absolute;top:47px;background:#f5f7ee;border-radius:25px;padding:10px 17px;font-size:10px;color:#7a8d6f;display:flex;gap:9px;align-items:center}.art-bridge{display:flex;gap:17px;transform:rotate(-22deg);position:absolute;top:130px;align-items:center}.art-bridge>span{width:62px;height:185px;background:linear-gradient(100deg,#56745a,#6a865f);border-radius:40px;box-shadow:8px 11px 10px #54694217}.art-bridge>span:nth-child(2){height:250px;background:linear-gradient(100deg,#b8c5a4,#c4d1ae)}.art-bridge>span:last-child{height:200px;background:linear-gradient(100deg,#95ad83,#a0b48d)}.floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;border:1px solid #fff;background:#fcfdf9f5;padding:17px;border-radius:14px;box-shadow:0 14px 40px #40573b12}.floating-card strong{font-size:12px;display:block}.floating-card span:not(.avatar-stack span){font-size:10px;color:#88937f;display:block;margin-top:5px}.floating-card .icon-tile{height:37px;width:37px}.card-doc{top:182px;left:22px;transform:rotate(-5deg)}.card-doc>svg{color:#8ea872;margin-left:10px}.card-call{top:330px;right:17px;transform:rotate(4deg)}.avatar-stack{display:flex;padding-left:4px}.avatar-stack>span{width:33px;height:33px;border:2px solid #fff;border-radius:50%;background:#c5d3b6;color:#46603a;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-5px}.avatar-stack>span+span{background:#ebd9c8;color:#8d6b4f}.art-caption{position:absolute;bottom:33px;left:35px;font-family:Manrope,sans-serif;font-weight:500;line-height:1.5;font-size:19px;color:#506346}.art-dots{position:absolute;bottom:33px;right:35px;font-size:39px;color:#9eb18a}.welcome-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e8dd;padding:24px 0;color:#93a08e;font-size:10px}.welcome-footer>span,.welcome-footer button{display:flex;align-items:center;gap:7px}.welcome-footer button{background:none;color:#53704b;font-size:12px}.welcome-footer b{color:#596b54;font-size:14px;letter-spacing:-.6px}.app-shell{display:flex;min-height:calc(100vh - 29px)}.sidebar{width:233px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:35px 20px 20px;display:flex;flex-direction:column;position:sticky;top:0;align-self:flex-start;height:calc(100vh - 29px);min-height:730px}.sidebar .brand{font-size:24px;margin-left:8px}.workspace-label{margin:46px 14px 16px;font-size:9px;color:#9aa59b;letter-spacing:1.7px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;min-height:46px;padding:0 15px;color:#859087;background:transparent;text-align:left;border-radius:8px;font-size:12px}.sidebar nav button.active{background:#eef3e9;color:#375d42;font-weight:600}.sidebar nav button:hover{background:#f6f8f3}.sidebar nav button svg{stroke-width:1.6}.nav-count{margin-left:auto;width:19px;height:19px;display:grid;place-items:center;font-size:10px;color:#a08648;background:#f7f0df;border-radius:5px}.nav-dot{margin-left:auto;width:6px;height:6px;background:#92ad7f;border-radius:50%}.sidebar-bottom{margin-top:auto;padding-top:35px}.support-card{padding:17px;background:#f7f8f2;border-radius:11px}.support-icon{color:#7b9670;margin-bottom:12px}.support-card strong{font-size:12px;line-height:1.55;display:block;max-width:140px;font-weight:600}.support-card p{font-size:10px;color:#98a08f;margin-top:5px}.support-card button{background:none;display:flex;gap:40px;color:#68815a;font-size:11px;font-weight:600;padding:15px 0 0}.secure-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#9aa590;margin:20px 0 15px}.signout{padding:16px 12px 0;border-top:1px solid var(--line);background:none;color:#778775;display:flex;gap:12px;align-items:center;width:100%;font-size:12px}.signout svg:last-child{margin-left:auto}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:85px;padding:0 37px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.topbar>div{display:flex;align-items:center}.breadcrumb{display:flex;align-items:center;gap:14px;color:#a0a99d;font-size:11px}.breadcrumb b{font-weight:500;color:#6d7c6a}.topbar-right{gap:24px}.site-label{display:flex;gap:7px;align-items:center;color:#82917c;font-size:10px}.profile-avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#e9eddf;color:#7b8a5d;font-size:11px}.notification-button{background:none;color:#8d9987;position:relative;display:flex}.notification-button i{position:absolute;background:#c3a967;width:4px;height:4px;border-radius:50%;top:0;right:6px}.main-content{padding:35px 37px;max-width:1490px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.page-heading h1{font-size:34px;margin:9px 0 10px;line-height:1.25;display:flex;gap:10px;align-items:center}.page-heading p{font-size:12px;color:#8c9788}.page-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.hello-sun{color:#b5ab78;display:flex;margin-left:2px}.date-display{display:flex;align-items:center;gap:8px;color:#909c86;font-size:10px;padding-top:34px}.dashboard-top{display:grid;grid-template-columns:1.85fr 1fr;gap:20px}.hearing-hero{position:relative;display:flex;background:#174c40;border-radius:15px;overflow:hidden;color:#edf1dc;min-height:280px;padding:28px 29px}.hearing-hero-copy{z-index:1}.hearing-hero .eyebrow{color:#b1c9a2;font-size:8px;letter-spacing:1.5px}.hearing-hero h2{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:500;margin:17px 0 11px}.hearing-hero p{font-size:10px;line-height:1.8;color:#a9bfae}.hero-meta{display:flex;gap:18px;font-size:10px;color:#b6c9ac;margin:17px 0}.hero-meta>span{display:flex;gap:6px;align-items:center}.hearing-hero .btn-primary{background:#d6e9b8;color:#35523b;font-size:11px;padding:11px 15px;min-height:39px;border-radius:6px}.hero-visual{position:absolute;top:0;right:0;width:42%;height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#3a675020,transparent)}.hero-orbit{position:absolute;width:275px;height:275px;border:1px solid #71967b22;border-radius:50%;right:-54px;top:31px;box-shadow:0 0 0 32px #71967b09,0 0 0 64px #71967b08}.video-symbol{display:grid;place-items:center;width:103px;height:103px;border-radius:25px;background:linear-gradient(135deg,#386a54,#25533f);transform:rotate(-9deg);border:1px solid #5c856039;color:#c8dda8;box-shadow:0 12px 40px #0c352429;margin-top:-10px}.video-symbol svg{transform:rotate(9deg)}.hero-secure{position:absolute;bottom:36px;display:flex;gap:5px;font-size:8px;color:#96b58f;align-items:center}.balance-card{padding:23px 22px;background:#fff;border:1px solid var(--line);border-radius:15px}.section-line{display:flex;align-items:center;justify-content:space-between}.balance-card .section-line>span{font-size:8px;letter-spacing:1.1px;color:#8e9986}.balance-card .icon-tile{width:33px;height:33px;border-radius:10px}.balance-number{font-family:Manrope,sans-serif;font-size:57px;letter-spacing:-2px;font-weight:500;color:#355c43;line-height:1.1;margin:11px 0 9px}.balance-number span{font-family:DM Sans,sans-serif;font-size:12px;color:#929f87;letter-spacing:0;margin-left:9px;font-weight:400}.balance-card>strong{font-size:12px;font-weight:500}.balance-card>p{font-size:10px;color:#a2ac97;margin-top:4px}.balance-track{height:5px;background:#f0f3e9;border-radius:5px;margin-top:19px}.balance-track span{width:62%;height:100%;display:block;background:#a4bc89;border-radius:5px}.balance-caption{display:flex;justify-content:space-between;font-size:8px;color:#9da891;margin-top:9px}.card-link{display:flex;align-items:center;justify-content:space-between;padding:17px 0 0;background:none;width:100%;font-size:10px;font-weight:500;color:#607e51}.balance-card .card-link{border-top:1px solid #edf0e7;margin-top:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{font-size:15px;letter-spacing:-.25px}.section-heading>span:not(.badge){font-size:9px;color:#a0aa96}.quick-section{margin-top:29px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.quick-card{background:#fff;border:1px solid var(--line);padding:20px 18px;text-align:left;color:var(--dark);border-radius:12px;min-height:162px}.quick-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #2f4d3010;border-color:#c9d7bd}.quick-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.quick-top>svg{color:#a5af9b}.quick-card .icon-tile{width:40px;height:40px;border-radius:11px}.quick-card h3{font-size:12px;margin-bottom:5px}.quick-card p{font-size:9px;color:#a1ab98}.tiny-notice{display:block;font-size:8px;color:#b29857;margin-top:8px}.dashboard-bottom{display:grid;grid-template-columns:1.85fr 1fr;gap:20px;margin-top:22px}.notice-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.notice-card .badge{font-size:8px}.notice-item{display:flex;align-items:center;gap:12px;margin-top:21px}.notice-item>.icon-tile{width:36px;height:36px;border-radius:9px}.notice-item h3{font-size:10px}.notice-item p{font-size:9px;color:#9ba78f;margin:5px 0}.notice-item span{font-size:8px;color:#b4bdab}.notice-item>.icon-button{margin-left:auto}.small-help{background:#eef2e7;border-radius:12px;padding:21px;position:relative;overflow:hidden}.small-help>svg{position:absolute;right:23px;top:24px;color:#9bb18a}.small-help h3{font-size:13px;line-height:1.6;font-weight:500}.small-help button{display:flex;align-items:center;gap:12px;background:none;font-size:9px;color:#82946d;padding:16px 0 0}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:0 37px 22px;font-size:8px;color:#a8b09d}.app-footer>span{display:flex;align-items:center;gap:5px}.app-footer b{font-size:11px;color:#829477;letter-spacing:-.6px}.mobile-menu{display:none}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px}.document-list-row{display:flex;align-items:center;gap:17px;padding:23px 0;border-top:1px solid var(--line);flex-wrap:wrap}.document-list-row>div:nth-child(2){flex:1;min-width:200px}.document-list-row h3{font-size:14px;margin-bottom:6px}.document-list-row p{font-size:11px;color:#91a086}.document-list-row .muted{font-size:10px}.document-list-row .badge{margin-right:6px}.info-panel{background:#eef3e9;border-radius:12px;padding:22px;display:flex;gap:15px;margin-top:24px;color:#6e8761}.info-panel h3{font-size:12px;color:#526c49}.info-panel p{font-size:11px;margin:7px 0}.info-panel>svg{flex-shrink:0}.info-panel .text-button{font-size:10px}.pay-banner{background:#e9eddf;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:28px 33px;margin-bottom:25px}.pay-banner h2{font-size:39px;font-weight:500;margin:13px 0 7px}.pay-banner h2 span{color:#96a27e;font-size:23px}.pay-banner p{color:#90a080;font-size:11px}.pay-banner-icon{width:96px;height:96px;border-radius:28px;background:#dfe7cf;display:grid;place-items:center;color:#90a477;transform:rotate(-7deg)}.pay-amount{font-size:13px;margin-right:22px;color:#607454}.page-note{display:flex;gap:8px;font-size:11px;color:#9aa58d;margin-top:23px}.leave-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:25px}.leave-balance{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px}.leave-balance h3{font-size:12px}.leave-balance .icon-tile{width:34px;height:34px;border-radius:9px}.leave-balance .balance-number{margin:22px 0 10px}.leave-balance p{font-size:10px;color:#96a18c}.empty-state{text-align:center;padding:50px 20px;color:#a1b18d}.empty-state h3{color:#5f7851;margin:18px 0 11px;font-size:15px}.empty-state p{font-size:12px;color:#9aa88d}.empty-state button{margin:18px auto 0}.request-row{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:20px 0}.request-row>div:nth-child(2){flex:1}.request-row h3{font-size:13px}.request-row p{font-size:11px;color:#8d9b80;margin:6px 0}.request-row small{font-size:9px;color:#a6b097}.request-row>strong{font-size:12px;margin-right:15px}.notice-detail{max-width:850px}.notice-detail>h2{margin:25px 0 10px;font-size:24px}.notice-detail>p{font-size:12px;margin-bottom:24px;max-width:640px}.attachment{display:flex;width:100%;background:#f7f8f3;border:1px solid #e9eddf;border-radius:10px;align-items:center;text-align:left;padding:20px;gap:15px;color:#789165}.attachment>span{flex:1}.attachment strong{display:block;font-size:12px;color:#4e6941}.attachment small{display:block;font-size:10px;color:#9ba78d;margin-top:5px}.acknowledgement{display:flex;gap:11px;margin:25px 0;color:#9ba385;background:#faf9f1;padding:16px;border-radius:10px}.acknowledgement svg{flex-shrink:0}.acknowledgement p{font-size:11px}.notice-actions{display:flex;gap:12px;flex-wrap:wrap}.hearing-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.hearing-details{padding:28px}.large-video-icon{display:grid;place-items:center;background:#ebf2e5;border-radius:18px;width:75px;height:75px;color:#83a16f;margin:33px 0 25px}.hearing-details>h2{font-size:25px}.hearing-details>p{color:#8f9d83;font-size:12px;margin-top:10px}.hearing-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 10px;margin:34px 0}.hearing-detail-grid>div{display:flex;gap:11px;color:#9baa8c}.hearing-detail-grid>div>span{font-size:10px}.hearing-detail-grid strong{display:block;font-size:11px;margin-top:7px;color:#617852;font-weight:500}.prepare-card>h3{margin-bottom:25px}.prepare-card>div{display:flex;align-items:center;gap:13px;margin:18px 0}.prepare-card>div>span{background:#f1f4ea;color:#8d9f79;font-size:11px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.prepare-card p{font-size:11px;color:#8e9e80}.preflight-heading{text-align:center;padding:6px 0 25px}.preflight-heading h2{font-size:25px;margin:18px 0 10px}.preflight-heading p{font-size:12px;color:#9aa68c}.preflight-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.camera-preview{position:relative;height:280px;border-radius:12px;background:radial-gradient(ellipse at 60% 30%,#9ba78c,#6b7a62);overflow:hidden}.preview-label{position:absolute;left:15px;top:15px;display:flex;gap:6px;align-items:center;color:#e0e6d7;font-size:9px;padding:7px 9px;border-radius:6px;background:#35452c35}.preview-name{position:absolute;bottom:15px;left:15px;display:flex;gap:8px;align-items:center;color:#e9efdd;font-size:11px}.preview-name .badge{background:#f3f7eb25;color:#e4ecd7}.person-illustration{position:absolute;width:250px;height:250px;bottom:-40px;left:50%;transform:translate(-50%)}.person-head{position:absolute;background:#c5b89a;border-radius:50% 50% 44% 44%;width:88px;height:110px;top:5px;left:83px;box-shadow:inset 0 14px #3c4933}.person-body{position:absolute;background:#e6e5d6;bottom:-10px;width:250px;height:150px;border-radius:100px 100px 0 0}.device-checks>button{display:flex;align-items:center;width:100%;text-align:left;background:#f8f9f5;border:1px solid #e8edde;border-radius:10px;padding:17px 14px;margin-bottom:12px;gap:12px;color:#8a9a78}.device-checks>button.checked{border-color:#c8d9b6;background:#f1f6eb}.device-checks>button span{flex:1}.device-checks strong{font-size:12px;display:block;color:#536e44}.device-checks small{font-size:9px;display:block;margin-top:6px;color:#9aaa8a}.preflight-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.waiting,.ended{text-align:center;padding:60px 25px}.waiting-orbit{display:grid;place-items:center;background:#edf3e5;color:#83a16e;width:90px;height:90px;border-radius:50%;margin:0 auto 30px;box-shadow:0 0 0 14px #f6f8f0}.waiting h2,.ended h2{font-size:28px;margin:20px 0 14px}.waiting p,.ended p{color:#92a080;font-size:13px}.waiting-status{display:flex;gap:9px;align-items:center;justify-content:center;color:#708957;font-size:12px;margin:28px 0}.waiting .fine-print{margin-bottom:18px}.success-circle{width:83px;height:83px;background:#e9f1df;display:grid;place-items:center;border-radius:50%;margin:auto;color:#88a96d}.ended>div:last-of-type{display:flex;gap:14px;justify-content:center;margin:30px 0}.call-shell{background:#203a32;border-radius:15px;overflow:hidden;color:#e4ecde}.call-top{display:flex;justify-content:space-between;padding:18px 23px;align-items:center;font-size:10px}.call-top>span{display:flex;gap:7px;align-items:center;color:#b7c6ab}.call-timer{font-variant-numeric:tabular-nums;margin-left:12px;opacity:.7}.call-top .badge{background:#ffffff10;color:#b9cba9;font-size:8px;letter-spacing:1px}.video-stage{height:390px;position:relative;background:#8e9d83;overflow:hidden;margin:0 13px;border-radius:10px}.remote-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#adb69f,#d0d3bf 70%,#a7b69a)}.remote-window{position:absolute;left:6%;top:6%;width:28%;height:62%;background:linear-gradient(110deg,#dce2c8,#c7d5af);border:10px solid #b5bda6;box-shadow:inset 0 0 40px #eaf2d0}.remote-window:before,.remote-window:after{content:"";position:absolute;background:#b5bda6}.remote-window:before{width:8px;height:100%;left:45%}.remote-window:after{height:8px;width:100%;top:44%}.remote-plant{position:absolute;right:9%;top:37%;height:100px;width:65px;border-radius:50% 0;background:#778c62;transform:rotate(-25deg);box-shadow:35px 20px #91a77d,25px -40px #8e9f77}.remote-person{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:340px;height:390px}.remote-head{position:absolute;width:115px;height:140px;top:0;left:115px;background:#b18b6d;border-radius:48% 48% 43% 43%;box-shadow:inset 0 17px #3e4135}.remote-body{position:absolute;bottom:0;width:340px;height:260px;background:linear-gradient(120deg,#52635c,#74847a);border-radius:140px 140px 0 0}.remote-initials{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:23px;color:#f1e5d5;font-weight:500;letter-spacing:3px}.remote-name{display:flex;gap:12px;align-items:center;position:absolute;bottom:18px;left:20px;background:#213d2d82;padding:11px 14px;border-radius:7px;font-size:11px}.remote-name small{display:block;font-size:8px;color:#c7d5bb;margin-top:5px}.speaking-bars{display:flex;align-items:center;gap:2px;height:20px}.speaking-bars i{display:block;width:3px;height:10px;border-radius:3px;background:#c8dea4;animation:wave 1s infinite alternate}.speaking-bars i:nth-child(2){height:19px;animation-delay:.3s}.speaking-bars i:nth-child(3){height:14px;animation-delay:.6s}.speaking-bars i:nth-child(4){height:7px;animation-delay:.2s}.self-video{position:absolute;right:16px;bottom:16px;width:150px;height:110px;background:linear-gradient(130deg,#77876b,#536447);border:2px solid #ffffff70;border-radius:10px;display:flex;align-items:center;justify-content:center}.self-avatar{width:48px;height:48px;background:#c3cfb1;border-radius:50%;display:grid;place-items:center;color:#576c46;font-size:13px}.self-video>span{position:absolute;left:9px;bottom:8px;font-size:9px;display:flex;gap:7px}.call-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;font-size:9px;color:#95aa88}.call-controls>div{display:flex;gap:11px}.call-button{background:#3c5247;color:#e8eedc;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.call-button.off{background:#786a5a;color:#f1e1cb}.call-button.leave-call{border-radius:25px;width:auto;padding:0 20px;gap:10px;background:#be6a5d;color:#fff;font-size:11px}.connection-test{display:flex;align-items:center;gap:5px;background:none;color:#93a782;font-size:8px}.call-disclaimer{text-align:center;background:#183128;padding:10px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;color:#829b74}.disconnected-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#20372aeb;color:#e9efdc;padding:25px;text-align:center}.disconnected-overlay h2{margin:20px 0 10px}.disconnected-overlay p{font-size:12px;color:#b7c5a6;margin-bottom:25px}.offline{background:#e0aa65}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#152f2780;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s}.modal{width:100%;max-width:490px;max-height:92vh;overflow-y:auto;background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 70px #122c3330;outline:none}.modal.wide{max-width:780px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.modal-header h2{font-size:23px}.modal-header p{font-size:12px;color:#8b9b7f;line-height:1.65;margin-top:9px}.modal-header .icon-button{flex-shrink:0;margin:-6px -9px 0 0}.modal label{display:block;font-size:12px;color:#56724a;margin-bottom:17px;font-weight:500}.modal input:not([type=checkbox]),.modal select,.modal textarea{display:block;width:100%;background:#fafbf7;border:1px solid #dde5d5;color:#35552b;border-radius:8px;padding:13px;margin-top:9px;min-height:45px;font-size:13px;resize:vertical}.modal input::placeholder,.modal textarea::placeholder{color:#b0baa6}.modal .otp-input{font-size:26px!important;letter-spacing:12px;text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.demo-note{display:flex;gap:8px;align-items:flex-start;background:#f5f7ef;border-radius:8px;padding:13px;color:#91a17c;font-size:10px;line-height:1.6;margin:17px 0}.demo-note svg{flex-shrink:0;margin-top:0}.fine-print{display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px;color:#9caa8b;line-height:1.6;margin-top:17px}.form-error{font-size:12px;color:#a85743;background:#fbf2ed;padding:11px;border-radius:7px;margin:15px 0}.stepper{display:flex;align-items:center;gap:9px;margin:30px 0 40px}.stepper>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f1f4eb;color:#9bac86;position:relative;font-size:10px;flex-shrink:0}.stepper>span.active{background:#527343;color:#fff}.stepper>span i{position:absolute;top:33px;white-space:nowrap;font-size:9px;font-style:normal;color:#8e9d7b;left:50%;transform:translate(-50%)}.stepper>span:first-child i{left:0;transform:none}.stepper>span:last-child i{left:auto;right:0;transform:none}.stepper>div{height:1px;background:#e1e7d7;flex:1}.scan-animation{position:relative;width:170px;height:170px;border:1px solid #e0e9d6;border-radius:50%;margin:35px auto;background:#f4f7ee;color:#8ba674;display:grid;place-items:center;box-shadow:0 0 0 12px #fafbf6}.scan-animation.scanning span{position:absolute;width:140px;height:2px;background:#82a557;top:25%;animation:scan 1s infinite alternate}.scan-animation.scanning{color:#477f39}.capture-dots{display:flex;gap:13px;justify-content:center;margin:22px 0}.capture-dots>span{width:29px;height:29px;border:1px solid #dfe9d2;color:#b4c3a1;border-radius:50%;display:grid;place-items:center;font-size:11px}.capture-dots .done{background:#729754;border-color:#729754;color:#fff}.enrol-fingerprint{display:grid;place-items:center;background:#f2f7e9;border-radius:50%;width:135px;height:135px;margin:25px auto;color:#92ae76}.pulsing{animation:pulse .7s infinite alternate}.contract-preview{display:flex;align-items:center;gap:12px;background:#f8f9f3;padding:15px;border-radius:10px;color:#9aab83}.contract-preview>div{flex:1}.contract-preview strong{font-size:12px;color:#587445}.contract-preview span:not(.badge){display:block;font-size:9px;margin-top:6px}.contract-summary{height:195px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:18px;margin:20px 0;color:#7d8f6b}.contract-summary h3{font-size:12px;margin-bottom:13px;color:#4e6e3a}.contract-summary p{font-size:11px;margin-bottom:13px}.checkbox-label{display:flex!important;gap:10px;align-items:flex-start;font-size:11px!important;line-height:1.5}.checkbox-label input{accent-color:#426f36;width:16px;height:16px;flex-shrink:0;margin:2px 0 0}.leave-summary{display:flex;justify-content:space-between;align-items:center;background:#f2f6e9;border-radius:8px;padding:15px;font-size:11px;color:#829b68}.leave-summary strong{font-size:23px;color:#4c6f35}.leave-summary small{font-size:10px;color:#8ea476}.leave-summary+.fine-print{margin:12px 0 23px;display:block}.help-portrait{width:85px;height:85px;background:#eef4e4;color:#92ae76;border-radius:50%;display:grid;place-items:center;margin:15px auto 20px}.modal .centered.muted{font-size:12px;margin-top:10px}.support-details{background:#f7f9f1;border-radius:9px;margin:25px 0;padding:20px;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#4f6f3a}.support-details>span{font-size:9px;color:#99ad82}.support-details>strong+span{margin-top:12px}.demo-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.audit-title{margin-top:25px;font-size:13px}.audit-list{max-height:170px;overflow-y:auto;margin-top:14px;border:1px solid var(--line);border-radius:9px;padding:15px;font-size:10px;color:#81946b}.audit-list>div{display:flex;gap:10px;margin-bottom:9px;line-height:1.5}.audit-list>div>span{color:#abb99a}.document-toolbar{display:flex;justify-content:space-between;align-items:center;background:#f6f8f1;border-radius:7px;padding:7px 12px;font-size:10px;color:#83976d}.document-toolbar>span,.document-toolbar>div{display:flex;align-items:center;gap:7px}.document-scroll{height:53vh;overflow:auto;background:#eef1e9;padding:22px;margin-top:15px}.paper{padding:35px;background:#fff;color:#3b4836;box-shadow:0 2px 12px #00000008;min-height:600px;line-height:1.7}.paper-sample{font-size:.55em;color:#b3b9a7;letter-spacing:2px}.paper-brand{font-size:.85em;font-weight:700;margin:20px 0 30px;letter-spacing:1px}.paper-brand span{display:block;font-size:.55em;color:#9aa58b}.paper h2{font-size:1.4em;margin-bottom:22px}.paper h3{font-size:.8em;margin:23px 0 10px}.paper p{font-size:.75em}.document-meta{display:flex;justify-content:space-between;background:#f9faf6;padding:15px}.signature-area{padding:20px;border:1px solid #e4e9dc;margin-top:25px}.signature-area p{display:flex;gap:7px;align-items:center;font-size:.6em}.signature-script{font:italic 1.6em Georgia,serif;display:block;margin-bottom:10px;color:#537545}.paper footer{border-top:1px solid #eef0e8;margin-top:40px;padding-top:16px;font-size:.55em;color:#b0bba2}.payslip-row{padding:16px 0;border-bottom:1px solid #e9eddf;display:flex;justify-content:space-between;font-size:.8em}.payslip-total{display:flex;justify-content:space-between;padding:20px;background:#edf3e4;margin:25px 0;font-size:.85em}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}.modal-actions>span{font-size:10px;display:flex;gap:6px;align-items:center}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%);z-index:100;background:#fff;border:1px solid #dbe6ce;box-shadow:0 8px 35px #15371c20;max-width:min(620px,90vw);display:flex;align-items:center;gap:12px;border-radius:12px;padding:18px 20px;color:#66884e;font-size:12px;animation:fade .2s}.toast>svg{flex-shrink:0}.toast button{display:flex;background:none;color:#a1b18e}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes scan{to{top:78%}}@keyframes pulse{to{opacity:.55}}@keyframes wave{to{height:4px}}@media(min-width:1550px){.main-content{padding-top:45px}.sidebar{width:260px}.hearing-hero{min-height:310px;padding:32px}.hearing-hero h2{font-size:38px}.hearing-hero p{font-size:12px}.quick-card{min-height:185px;padding:25px}.quick-card h3{font-size:14px}.quick-card p{font-size:11px}.notice-item h3{font-size:12px}.notice-item p{font-size:10px}.balance-card{padding:28px}.balance-number{font-size:66px}.balance-card>strong{font-size:14px}.section-heading h2{font-size:18px}}@media(max-width:1150px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.sidebar .brand{font-size:21px}.main-content{padding:28px 24px}.topbar{padding:0 24px}.site-label{display:none}.hero-visual{width:35%}.hearing-hero{padding:24px}.hearing-hero h2{font-size:29px}.hero-secure{font-size:7px}.dashboard-top,.dashboard-bottom{grid-template-columns:1.65fr 1fr}.quick-grid{gap:10px}.quick-card{padding:17px 13px}.date-display{display:none}.quick-card p{font-size:8px}.welcome-art{height:470px}.art-bridge{top:110px;scale:.9}.card-doc{left:6px;scale:.9;transform:rotate(-4deg);transform-origin:left}.card-call{right:6px;scale:.9;top:310px;transform-origin:right}.hearing-detail-grid{grid-template-columns:1fr}.hearing-layout{grid-template-columns:1.25fr 1fr}.preflight-grid{gap:17px}}@media(max-width:900px){.welcome{padding:0 6vw}.welcome>header{height:100px}.welcome-main{grid-template-columns:1fr 1fr;gap:10px}.welcome-copy h1{font-size:43px}.welcome-copy>p{font-size:13px}.welcome-actions .btn-primary{font-size:12px;padding:16px}.welcome-actions .btn-primary svg:last-child{margin-left:0}.register-button{flex-wrap:wrap;font-size:10px}.welcome-art{height:440px}.floating-card{padding:12px}.art-pill{font-size:8px;padding:9px}.art-caption{font-size:16px}.sidebar{width:190px}.sidebar .brand{font-size:19px}.sidebar .brand-symbol{width:28px}.sidebar nav button{font-size:11px;padding:0 11px;gap:10px}.main-content{padding:25px 20px}.topbar{padding:0 20px}.dashboard-top,.dashboard-bottom{grid-template-columns:1fr}.balance-card{display:none}.quick-grid{grid-template-columns:repeat(2,1fr);gap:14px}.quick-card{min-height:140px;padding:18px}.quick-card p{font-size:10px}.quick-top{margin-bottom:14px}.small-help{display:none}.hearing-hero{min-height:290px}.hero-visual{width:42%}.hearing-layout,.preflight-grid{grid-template-columns:1fr}.hearing-detail-grid{grid-template-columns:1fr 1fr}.hearing-layout>div>.info-panel{margin-top:20px}.prepare-card{margin-top:0}.leave-cards{gap:12px}.leave-balance{padding:17px}.leave-balance .icon-tile{display:none}.leave-balance h3{font-size:10px}.leave-balance .balance-number{font-size:45px}.video-stage{height:330px}.call-controls>span{display:none}.call-controls{gap:10px;justify-content:center;flex-wrap:wrap}.connection-test{font-size:9px}.page-heading{align-items:flex-start}.page-heading>.btn-primary{font-size:10px;padding:12px;margin-top:13px}.call-top>span:last-child{display:none}.call-top .badge{font-size:7px}.request-row{gap:10px}.request-row .icon-tile{display:none}}@media(max-width:650px){.demo-ribbon{padding:0 13px}.demo-ribbon>span:nth-child(2){display:none}.demo-ribbon>span:first-child{font-size:7px;letter-spacing:1px}.demo-ribbon button{font-size:9px}.welcome>header{height:90px}.welcome .brand{font-size:23px}.location{font-size:9px;max-width:110px;line-height:1.5}.welcome-main{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding:35px 0}.welcome-copy h1{font-size:49px;margin:20px 0}.welcome-copy>p{font-size:14px}.welcome-copy .eyebrow{font-size:8px}.welcome-actions{margin-top:26px}.welcome-actions .btn-primary{width:100%;font-size:13px;padding:18px}.register-button{justify-content:center;width:100%;font-size:11px}.welcome-trust{margin-top:20px;justify-content:center}.welcome-art{height:400px;max-width:450px;width:100%;align-self:center;border-radius:100px 100px 20px 20px}.art-bridge{top:75px;scale:.8}.art-pill{top:30px}.card-doc{top:150px;left:17px}.card-call{top:266px;right:17px}.art-caption{bottom:22px;left:26px;font-size:15px}.art-dots{bottom:20px}.welcome-footer{font-size:8px;gap:15px;flex-wrap:wrap;justify-content:center}.welcome-footer>span:first-child{display:none}.sidebar{position:fixed;top:29px;left:-240px;width:225px;z-index:30;min-height:0;height:calc(100dvh - 29px);transition:left .2s;box-shadow:15px 0 50px #173d2c10}.sidebar.is-open{left:0}.sidebar .brand{font-size:24px}.sidebar nav button{font-size:12px}.workspace-label{margin-top:35px}.support-card{display:none}.sidebar-bottom{padding-top:15px}.mobile-menu{display:flex;margin-right:7px}.topbar{height:70px;padding:0 16px}.topbar-right{gap:14px}.breadcrumb{gap:7px;font-size:10px}.breadcrumb>b{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{padding:27px 18px}.page-heading{margin-bottom:23px;flex-wrap:wrap;gap:6px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading p{font-size:11px}.page-heading>.btn-primary{margin:10px 0 0;font-size:11px}.hearing-hero{padding:24px 22px;min-height:291px}.hearing-hero h2{font-size:30px}.hero-visual{width:33%}.video-symbol{width:73px;height:73px;border-radius:20px}.video-symbol svg{width:34px}.hero-secure{display:none}.hero-orbit{right:-130px}.quick-section{margin-top:25px}.section-heading>span:not(.badge){font-size:8px}.section-heading h2{font-size:14px}.quick-grid{gap:11px}.quick-card{padding:17px 14px}.quick-card p{font-size:8px}.quick-card h3{font-size:11px}.notice-card{padding:19px 16px}.notice-item{gap:9px}.notice-item h3{font-size:9px}.notice-item p{font-size:8px}.notice-item span{font-size:7px}.app-footer{padding:0 18px 20px;font-size:7px}.app-footer>span:first-child{max-width:220px;line-height:1.6}.app-footer b{font-size:9px}.panel{padding:21px}.document-list-row{gap:12px}.document-list-row>div:nth-child(2){min-width:150px}.document-list-row>div:nth-child(2) h3{font-size:12px}.document-list-row>.badge{margin-left:60px}.document-list-row>.btn-secondary{margin-left:auto}.pay-banner{padding:24px}.pay-banner h2{font-size:32px}.pay-banner-icon{width:65px;height:65px;border-radius:20px}.pay-banner-icon svg{width:32px}.pay-amount{font-size:11px;margin-left:60px;margin-right:0}.leave-cards{grid-template-columns:1fr;gap:10px}.leave-balance{padding:18px;display:flex;align-items:center;gap:10px}.leave-balance>.section-line{flex:1}.leave-balance h3{font-size:12px}.leave-balance .balance-number{font-size:28px;margin:0;letter-spacing:-1px}.leave-balance .balance-number span{font-size:10px;margin-left:5px}.leave-balance p{display:none}.request-row{flex-wrap:wrap}.request-row>strong{font-size:10px}.request-row .badge{font-size:8px}.request-row p{font-size:9px}.notice-detail>h2{font-size:21px}.notice-detail>p{font-size:11px}.notice-actions{flex-direction:column}.notice-actions>button{width:100%}.hearing-detail-grid{gap:23px 10px}.hearing-detail-grid>div{gap:7px}.hearing-detail-grid strong{font-size:10px}.hearing-details>h2{font-size:23px}.preflight-heading h2{font-size:22px}.camera-preview{height:230px}.preflight-footer{gap:10px}.preflight-footer>.btn-primary{font-size:10px;padding:12px}.preflight-footer>.btn-secondary{padding:12px;font-size:10px}.waiting,.ended{padding:40px 18px}.waiting h2,.ended h2{font-size:24px}.ended>div:last-of-type{flex-direction:column}.call-top{padding:14px 12px}.call-top>span{font-size:8px}.call-timer{margin-left:4px}.video-stage{height:320px;margin:0 8px}.remote-person{left:45%;scale:.85;transform:translate(-50%);transform-origin:left bottom}.self-video{width:95px;height:80px;right:9px;bottom:10px}.remote-name{bottom:10px;left:10px;font-size:9px;padding:8px}.remote-name small{font-size:7px}.remote-initials{left:45%;font-size:18px}.remote-window{left:0;top:5%;width:40%}.remote-plant{right:4%;scale:.8}.call-controls{padding:17px 10px}.call-disclaimer{font-size:7px}.modal-backdrop{padding:14px}.modal{padding:23px;max-height:94dvh;border-radius:14px}.modal-header h2{font-size:21px}.modal-header p{font-size:11px}.form-grid{gap:10px}.modal input:not([type=checkbox]){min-width:0;padding:11px;font-size:12px}.modal .btn-primary{white-space:normal}.document-scroll{padding:12px}.paper{padding:22px;min-width:380px}.document-toolbar>span{max-width:160px;font-size:9px}.document-toolbar>div{gap:0}.modal-actions>span{font-size:8px}.modal-actions>button{font-size:11px}.toast{font-size:11px;min-width:85%;padding:15px}.demo-control-grid>button{font-size:10px;padding:11px}.modal label.checkbox-label{font-size:10px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
