@font-face{font-family:Local;src:local('Segoe UI')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;color:#142e36;background:#f5f7f8;font-family:Local,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #24baa2;outline-offset:4px}[hidden]{display:none!important}.muted{color:#687b83}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#16806e}.eyebrow.light{color:#71dcc5}.button{border:0;border-radius:9px;padding:12px 18px;display:inline-flex;justify-content:center;align-items:center;gap:20px;font-weight:650;line-height:1.3;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.primary{background:#087969;color:#fff;box-shadow:0 5px 15px #0b78691a}.primary:hover{background:#056355}.secondary{background:#f0f5f4;border:1px solid #d8e5e2;color:#25554d}.small{padding:9px 12px;font-size:12px}.wide{width:100%}label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#344f57}input,select{width:100%;min-width:0;border:1px solid #d5dfe2;border-radius:8px;background:#fff;color:#19353d;outline:none;padding:12px 13px;font-size:14px}input:focus,select:focus{border-color:#139c85;box-shadow:0 0 0 3px #139c8515}input::placeholder{color:#97a4aa}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.6px}form{margin:0}.wordmark{display:flex;align-items:center;position:relative;z-index:1}.wordmark img{width:164px;max-height:55px;object-fit:contain}.brand-panel .wordmark{background:#fff;border-radius:10px;width:max-content;padding:9px 14px}.brand-panel .wordmark img{width:155px;height:39px}.login-page{min-height:100vh;display:grid;grid-template-columns:49% 51%;padding:18px;background:#fff}.brand-panel{position:relative;overflow:hidden;border-radius:24px;padding:35px 40px 25px;background:radial-gradient(ellipse at 90% 95%,#166d65 0,transparent 55%),linear-gradient(140deg,#0e393f,#092c34 65%,#10454a);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 36px)}.brand-panel:before{content:'';position:absolute;width:550px;height:550px;border:1px solid #ffffff0c;border-radius:50%;left:-280px;top:100px}.brand-copy{max-width:530px;margin:45px auto 0;width:100%;position:relative}.brand-copy h1{font-size:clamp(35px,3.7vw,59px);font-weight:600;line-height:1.1;letter-spacing:-2.4px;margin:20px 0}.brand-copy p{color:#aac9c8;max-width:355px;font-size:16px;line-height:1.8}.brand-panel footer{font-size:9px;letter-spacing:2px;color:#84adae;position:relative}.orbit{height:240px;position:relative;margin:15px auto 5px;width:370px;max-width:100%}.orbit-line{position:absolute;width:300px;height:175px;border:1px solid #7ed0c531;border-radius:50%;transform:rotate(-20deg);top:26px;left:25px}.orbit-line:after{content:'';position:absolute;inset:21px -14px;border:1px solid #7ed0c51c;border-radius:50%;transform:rotate(55deg)}.orbit-center{position:absolute;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;left:122px;top:66px;border-radius:28px;background:linear-gradient(145deg,#1a8e7c,#14685f);box-shadow:0 20px 65px #0004,0 0 60px #46e7b719;font-size:80px;font-weight:700;line-height:.7;color:#baffeb;transform:rotate(-8deg)}.orbit-center span{font-size:9px;letter-spacing:2px;margin-top:16px}.satellite{position:absolute;background:#f5faf9;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px #0002;width:89px;height:89px;padding:12px}.satellite img{width:100%;max-height:100%;object-fit:contain}.sat-a{top:0;left:32px;transform:rotate(-8deg)}.sat-z{right:0;top:42px;transform:rotate(8deg)}.sat-c{bottom:0;left:40px;flex-direction:column;font-size:23px;font-weight:800;color:#126a70;transform:rotate(-5deg)}.sat-c span{font-size:8px;letter-spacing:1px}.login-form-panel{padding:25px 10% 12px;display:flex;flex-direction:column;justify-content:space-between}.login-top{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#254c51;display:flex;justify-content:space-between;gap:15px}.login-top span{color:#87979d;font-weight:400;letter-spacing:0}.login-box{width:100%;max-width:400px;margin:65px auto}.login-box h2{font-size:39px;line-height:1.15;font-weight:600;letter-spacing:-1.8px;margin:17px 0}.login-box p.muted{font-size:14px;line-height:1.8;margin:0 0 30px}.login-box form{display:grid;gap:20px}.login-box .button{margin-top:6px;justify-content:space-between;padding:15px 18px}.password-wrap{position:relative}.password-wrap input{padding-right:72px}.show-password{position:absolute;right:10px;top:10px;border:0;background:transparent;padding:5px;color:#61777c;font-size:12px}.fine{font-size:12px;line-height:1.7;color:#7b8e95;margin:0}.login-box .fine{text-align:center}.login-footer{display:flex;justify-content:space-between;color:#87999e;font-size:10px;gap:12px}.alert{border-radius:10px;padding:13px 17px;font-size:13px;margin-bottom:22px}.error{background:#fff0ed;color:#9c3830;border:1px solid #f2d1cb}.success{background:#e4f5ef;color:#1b6d54;border:1px solid #c5e5d8}.topbar{min-height:86px;background:#fff;border-bottom:1px solid #e5ebed;display:flex;align-items:center;gap:45px;padding:14px 4.5%}.topbar .wordmark img{width:150px;height:44px}.topbar nav{display:flex;gap:26px;align-self:stretch;align-items:center;font-size:12px;color:#7b8b91}.topbar nav a{padding:17px 0;position:relative}.topbar nav .selected{color:#087969;font-weight:650}.topbar nav .selected:after{content:'';position:absolute;bottom:1px;height:3px;left:0;right:0;background:#07816f;border-radius:2px}.profile{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e1efeb;color:#27816b;font-size:14px;font-weight:700}.profile strong,.profile small{display:block;max-width:180px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile strong{font-size:12px}.profile small{font-size:10px;color:#8b999f}.logout{background:none;border:0;border-left:1px solid #e0e8ea;padding:5px 0 5px 15px;margin-left:10px;font-size:11px;color:#7c8c92}.workspace{max-width:1380px;margin:0 auto;padding:38px 5% 0}.welcome{border:1px solid #dce9e5;background:linear-gradient(105deg,#e9f2ee,#f1f6f3 75%,#e1efea);border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:36px 43px;position:relative;overflow:hidden;min-height:260px}.welcome h1{font-size:43px;line-height:1.13;font-weight:600;letter-spacing:-1.7px;margin:11px 0 12px}.welcome p{font-size:13px;color:#6f8984;margin:0}.company-summary{display:flex;gap:15px;align-items:center;position:relative;z-index:1;margin-right:55px}.summary-icon{width:49px;height:49px;background:#fff9;display:grid;place-items:center;font-size:28px;color:#389078;border:1px solid #d1e1d9;border-radius:13px}.company-summary small,.company-summary strong,.company-summary span{display:block}.company-summary small{font-size:9px;color:#6f8a7e;letter-spacing:1.7px}.company-summary strong{font-size:17px;max-width:280px;margin:4px 0}.company-summary div>span{font-size:11px;color:#7b948a}.welcome-decoration{position:absolute;color:#b9d9c84d;right:-30px;bottom:-140px;font-size:370px;font-weight:300;line-height:1;transform:rotate(9deg)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 23px}.section-heading h2{font-size:21px;font-weight:600;display:flex;gap:12px;align-items:center;margin:0}.section-heading p{font-size:12px;color:#89979d;margin:5px 0 0}.count{font-size:10px;letter-spacing:0;border:1px solid #dae3e6;border-radius:5px;padding:2px 5px;color:#8b999f;font-weight:400}.legend{font-size:10px;color:#82938d;display:flex;align-items:center;gap:7px}.legend i{height:6px;width:6px;background:#2c9d78;border-radius:50%}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.app-card{background:#fff;border:1px solid #dfe7e9;border-radius:16px;min-width:0;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.app-card:hover{box-shadow:0 12px 28px #173c3410;transform:translateY(-3px)}.module-state{position:absolute;top:19px;left:21px;color:#1b8b6b;font-size:10px;pointer-events:none;z-index:1}.app-card.inactive{background:#fcfdfd}.inactive .module-state{color:#9ca7ab}.logo-button{border:0;background:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:252px;padding:61px 24px 0;color:#24574b}.app-logo{height:130px;width:180px;max-width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:18px;transition:filter .2s,opacity .2s}.app-logo img{max-width:100%;width:165px;max-height:110px;object-fit:contain}.app-logo.accestime img{max-height:102px}.inactive .app-logo{filter:grayscale(1);opacity:.42}.tile-cta{font-size:11px;width:calc(100% + 48px);text-align:center;padding:15px 8px;border-top:1px solid #f0f4f3;background:#f6faf8;color:#4f8b7b}.inactive .tile-cta{background:#f6f8f9;color:#8b999f}.crm-symbol{font-size:65px;font-weight:750;color:#156877;line-height:.9;position:relative;padding-right:20px}.crm-symbol span{position:absolute;font-size:10px;right:-3px;top:31px;background:#0d8775;color:#fff;border-radius:20px;padding:6px 8px;letter-spacing:.5px}.app-logo.crm strong{font-size:14px;letter-spacing:1px;margin-top:14px;color:#255e67}.help-strip{margin:30px 0 0;display:flex;align-items:center;gap:15px;border:1px dashed #d4dfe0;border-radius:12px;padding:20px 24px}.help-icon{font-size:26px;color:#92a99f}.help-strip strong{font-size:12px;font-weight:650}.help-strip p{font-size:11px;color:#899b9b;margin:3px 0 0}.help-strip a{margin-left:auto;font-size:11px;color:#417d6b;white-space:nowrap}.workspace-footer{display:flex;justify-content:space-between;border-top:1px solid #e2e9e9;margin-top:55px;padding:22px 0;color:#97a5a8;font-size:10px;gap:18px}dialog{border:1px solid #dae8e1;border-radius:20px;padding:40px;max-width:470px;width:calc(100% - 32px);box-shadow:0 30px 100px #102e3333;color:#15343d}dialog::backdrop{background:#0a232a77;backdrop-filter:blur(4px)}dialog h2{margin:16px 0 10px;font-size:31px}dialog .muted{font-size:14px}.dialog-price{font-size:23px;font-weight:600;margin:25px 0 16px}dialog form{margin:20px 0 10px}.dialog-close:not(.button){position:absolute;right:15px;top:10px;font-size:27px;border:0;background:none;color:#879a9f}.page-heading{margin:10px 0 30px}.page-heading h1{font-size:35px;font-weight:600;margin:10px 0}.page-heading p{font-size:13px;color:#809299}.empty{padding:65px 25px;text-align:center;background:white;border:1px solid #e1e9e8;border-radius:15px}.empty>span{font-size:45px;color:#9abeb0}.empty h2{margin:20px 0 10px}.empty p{color:#829499;font-size:13px}.empty .button{margin-top:12px;font-size:13px}.table-wrap{overflow:auto;border:1px solid #e0e8e7;border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;letter-spacing:.4px;background:#edf3f1;color:#628278;font-weight:650;white-space:nowrap}td,th{padding:15px 17px;border-bottom:1px solid #eaf0ee}tr:last-child td{border:0}.badge{display:inline-block;font-size:10px;border-radius:5px;background:#e8f0ed;color:#578273;padding:4px 8px;font-weight:500;letter-spacing:0}.admin-toolbar{display:flex;gap:25px;align-items:end;flex-wrap:wrap}.admin-toolbar>form{display:flex;align-items:end;gap:12px}.admin-toolbar select{min-width:220px}.admin-toolbar details{position:relative}.admin-toolbar details form{position:absolute;z-index:2;right:0;top:55px;background:white;border:1px solid #dde7e3;padding:20px;border-radius:12px;min-width:280px;box-shadow:0 15px 35px #123a3220}.inline-form{display:grid;gap:14px}.admin-section{margin-top:35px;padding:28px;background:#fff;border:1px solid #e0e9e5;border-radius:14px}.admin-section h2{font-size:20px;font-weight:600;margin:0 0 12px}.admin-section .muted{font-size:12px;margin-bottom:20px}.subscription-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-card{border:1px solid #e0e9e5;border-radius:10px;padding:20px;display:grid;gap:15px;align-content:start}.mini-card h3{font-size:17px;margin:0}.mini-card small{font-size:10px;color:#8a9e96}.mini-card .button{font-size:12px}.admin-section .section-heading{margin:0 0 18px}.new-user{margin-bottom:25px}.new-user summary{width:max-content}.form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;margin-top:20px;padding:20px;background:#f5f9f7;border-radius:10px}.person-card{padding:20px;border:1px solid #dce7e1;border-radius:12px;margin:18px 0}.person-heading{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.person-heading h3{font-size:15px;margin:0}.person-heading p{color:#8a9a97;font-size:11px;margin:5px 0 15px}.person-actions{display:flex;gap:8px;align-items:start}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mapping{border-top:1px solid #e8eeea;padding-top:13px;min-width:0}.mapping form{display:grid;gap:11px}.mapping select{font-size:11px;padding:10px 6px}.mapping .small{width:max-content}.unlink-form{margin-top:9px}.text-button{background:none;border:0;padding:0;text-align:left;color:#a16a59;font-size:10px}.invite-card{padding:22px;border:1px solid #b8ded0;background:#ecf8f2;border-radius:12px;margin:0 0 25px}.invite-card h3{font-size:15px;margin:0}.invite-card p{font-size:12px;color:#628d7e;margin:7px 0 14px}.copy-row{display:flex;gap:10px}.copy-row input{font-size:11px}.copy-row .button{font-size:12px}
@media(min-width:1500px){.login-form-panel{padding-left:14%;padding-right:14%}.brand-panel{padding-left:55px}.brand-copy{margin-top:60px}.orbit{height:280px;margin-top:40px}.orbit-center{top:90px}.sat-a{top:20px}.sat-z{top:70px}.orbit-line{top:60px}}
@media(max-width:1000px){.topbar{gap:25px;padding:12px 4%}.topbar nav{gap:15px}.profile strong,.profile small{max-width:110px}.workspace{padding:28px 4% 0}.welcome{padding:30px}.company-summary{margin-right:0}.welcome h1{font-size:37px}.login-form-panel{padding-left:9%;padding-right:9%}.login-top span{display:none}.brand-panel{padding:28px}.brand-copy h1{font-size:42px}.orbit{transform:scale(.88);transform-origin:left center}.mapping-grid{grid-template-columns:1fr}.mapping select{font-size:13px}.mapping form{grid-template-columns:1fr auto;align-items:end}.mapping .unlink-form{display:block}.person-heading{flex-direction:column}.person-actions{margin-bottom:15px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .button{width:max-content}.subscription-grid{gap:12px}.mini-card{padding:14px}}
@media(max-width:700px){.login-page{display:block;padding:0}.brand-panel{min-height:0;border-radius:0;padding:22px 25px}.brand-panel .wordmark{padding:5px 9px}.brand-panel .wordmark img{width:115px;height:27px}.brand-copy{margin:30px 0 22px}.brand-copy h1{font-size:35px;letter-spacing:-1.5px;margin:12px 0}.brand-copy p{font-size:13px;line-height:1.6;max-width:300px;margin:0}.brand-copy .eyebrow{font-size:9px}.orbit,.brand-panel footer{display:none}.login-form-panel{padding:22px 26px}.login-top{display:none}.login-box{margin:15px auto 35px;max-width:420px}.login-box h2{font-size:31px;margin:13px 0}.login-box p.muted{font-size:13px;margin-bottom:23px}.login-box form{gap:15px}.login-footer{max-width:420px;margin:auto;width:100%}.topbar{padding:14px 20px;gap:15px;flex-wrap:wrap}.topbar .wordmark img{width:125px;height:36px}.profile{gap:7px}.profile strong,.profile small{max-width:115px}.avatar{display:none}.logout{font-size:10px;margin-left:3px;padding-left:9px}.topbar nav{order:3;width:100%;justify-content:center;gap:28px;border-top:1px solid #edf1ef;margin-top:3px;align-self:auto}.topbar nav a{padding:13px 0 7px}.topbar nav .selected:after{bottom:-4px}.workspace{padding:22px 20px 0}.welcome{padding:25px;display:block;min-height:0}.welcome h1{font-size:36px}.welcome .eyebrow{font-size:9px}.welcome p{font-size:12px}.company-summary{margin:23px 0 0;gap:12px}.company-summary strong{font-size:14px;margin:2px 0}.company-summary small{font-size:8px}.summary-icon{width:38px;height:38px;font-size:22px}.welcome-decoration{font-size:270px;right:-40px;bottom:-70px}.section-heading{margin:25px 0 18px}.section-heading h2{font-size:20px}.legend{display:none}.app-grid{grid-template-columns:1fr;gap:16px}.logo-button{min-height:225px;padding-top:49px}.app-logo{height:110px;margin-bottom:16px}.module-state{top:15px}.help-strip{align-items:start;padding:18px;flex-wrap:wrap;gap:10px}.help-strip div{flex:1}.help-strip a{width:100%;margin-left:36px}.help-strip p{line-height:1.7}.workspace-footer{margin-top:32px;padding:20px 0;flex-direction:column;gap:7px}.page-heading h1{font-size:28px}.admin-section{padding:18px;margin-top:22px}.subscription-grid{grid-template-columns:1fr}.admin-toolbar{gap:15px}.admin-toolbar>form{width:100%}.admin-toolbar>form label{flex:1;min-width:0}.admin-toolbar select{min-width:0}.admin-toolbar details form{left:0;right:auto}.form-grid{grid-template-columns:1fr;padding:15px}.person-card{padding:15px}.person-actions{flex-wrap:wrap}.person-heading .badge{margin-top:7px}.mapping form{grid-template-columns:1fr}.mapping .button{width:max-content}.copy-row{flex-direction:column}.admin-section .section-heading h2{font-size:19px}.empty{padding:40px 20px}dialog{padding:32px 26px}.dialog-price{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.brand-name{font-size:30px;font-weight:700;letter-spacing:-1.5px;line-height:1;color:#164b53;display:flex;align-items:baseline;gap:8px}.brand-name>span{font-size:8px;font-weight:600;letter-spacing:2px;color:#6a8e8a}.app-logo>strong{font-size:14px;letter-spacing:.3px;color:#285d65;margin-top:11px}.app-logo:not(.crm) img{height:83px;max-height:83px}.brand-panel .wordmark{padding:13px 17px}.topbar .brand-name{font-size:28px}@media(max-width:700px){.brand-panel .wordmark{padding:9px 12px}.brand-name,.topbar .brand-name{font-size:25px}.brand-name>span{font-size:7px}}

/* Original CRM sign-in logo and floating motion. */
.app-logo.crm .crm-floating-logo{width:83px;height:83px;max-height:83px;object-fit:contain}
.app-card.active .crm-floating-logo{animation:crmLogoFloat 1.45s ease-in-out infinite;filter:drop-shadow(0 8px 12px #3f66b526)}
@keyframes crmLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.app-card.active .crm-floating-logo{animation:none}}

/* Shared ACCECOM wordmark from the CRM sidebar. */
.wordmark .portal-brand-logo{width:164px;height:auto;max-height:55px;object-fit:contain;display:block}
.brand-panel .wordmark .portal-brand-logo{width:155px;height:auto}
.topbar .wordmark .portal-brand-logo{width:150px;height:auto}
@media(max-width:700px){.brand-panel .wordmark .portal-brand-logo{width:115px;height:auto}.topbar .wordmark .portal-brand-logo{width:125px;height:auto}}

/* Float module artwork while preserving subscription colors. */
.app-logo.accestime img,.app-logo.zettapos img{animation:crmLogoFloat 1.45s ease-in-out infinite}
.app-logo.zettapos img{animation-delay:0s}
@media(prefers-reduced-motion:reduce){.app-logo.accestime img,.app-logo.zettapos img{animation:none}}
.app-grid{grid-template-columns:repeat(4,1fr)}.erp-symbol{width:82px;height:82px;border-radius:22px;background:linear-gradient(145deg,#0e72f1,#073a83);color:#fff;display:grid;place-items:center;font-size:54px;font-weight:850;line-height:1;position:relative;box-shadow:0 13px 28px #0d62c52e}.erp-symbol>span{position:absolute;right:7px;bottom:8px;font-size:8px;letter-spacing:1px;background:#fff;color:#0b4c9b;border-radius:5px;padding:3px 5px}.app-logo.erp>strong{color:#104b89}@media(max-width:1050px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-grid{grid-template-columns:1fr}}