:root{--blue:#2563eb;--navy:#142c4b;--muted:#70839a;--border:#e1e9f3;--accent:#12b8a6}body{background:radial-gradient(ellipse at 95% 0,#e9efff,transparent 40%),#f4f7fc;color:var(--navy);font-family:'Segoe UI',Arial,sans-serif}button,input,select{transition:background .18s,box-shadow .18s,border-color .18s}input:focus,select:focus{outline:2px solid #93baff;outline-offset:2px;border-color:#5488ef}button:focus-visible,summary:focus-visible{outline:3px solid #70b8ff;outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:linear-gradient(120deg,#2563eb,#487bf5);box-shadow:0 5px 14px #2563eb24;border-radius:9px}.primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 7px 18px #2563eb35}.back{border-radius:9px;color:#375679;background:#fff;border:1px solid #d5e0ef}.back:hover:not(:disabled){background:#eef5ff;border-color:#99b9ef}.brand{color:#1d4ed8}.brand small{color:#7890ad}.sidebar{padding:26px 18px;background:linear-gradient(180deg,#fff,#f5f8fe);border-right:1px solid #dce6f4;box-shadow:4px 0 24px #23456706}.sidebar .brand{padding:0 10px}.navbutton{border-radius:10px;font-weight:500}.navbutton:hover{background:#edf3fe;color:#2460ce}.navbutton.active,.maintenance-nav[open]>summary{background:linear-gradient(110deg,#e6efff,#edf5ff);color:#1d56bf}.maintenance-link.active{background:#e7efff}.navlabel{color:#7d91aa}.sidefoot>div:first-child{border:1px solid #dfe8f6;background:#f0f5ff!important}.topbar{background:#ffffffed;box-shadow:0 4px 20px #1e3a5f04}.avatar{background:linear-gradient(135deg,#2563eb,#6655db);color:white}.content{padding-top:30px}.heading h1{font-weight:700;letter-spacing:-.8px}.eyebrow{color:#6481a5}.welcome{background:linear-gradient(115deg,#173b76,#305dd3 75%,#3d78e4);border:0;box-shadow:0 12px 30px #234b9c1a;color:white}.welcome p{color:#d3e3ff}.welcome .seal{color:#ffffff35}.stat{box-shadow:0 5px 20px #20436c05;border-radius:13px;border-top:3px solid #6a94ef}.stat:nth-child(2){border-top-color:#aa83df}.stat:nth-child(3){border-top-color:#2db9a0}.stat:nth-child(4){border-top-color:#efb65b}.stat strong{color:#203c62}.module{border-radius:13px;box-shadow:0 5px 18px #183b6804}.module:hover{box-shadow:0 10px 30px #2853a016;border-color:#a1bdf2}.icon{border-radius:11px}.period{border-radius:9px}.badge{background:#eaf1ff;color:#2c5ab8}.intro{background:radial-gradient(circle at 80% 80%,#2355ba,transparent 60%),linear-gradient(150deg,#102c56,#173e7d)}.intro .brand{color:white}.intro .brand small{color:#b8d0f5}.intro h1{font-size:49px}.intro .pill{background:#ffffff16}.formbox{background:white;padding:30px;border:1px solid #e5edf8;border-radius:18px;box-shadow:0 18px 55px #244a7d0a;width:420px}.formbox h2{font-size:28px}.access{background:#f5f8fd}.company-panel,.user-window,.permissions-panel{background:#fff;border:1px solid #e0e8f4;border-radius:16px;padding:24px;color:var(--navy);box-shadow:0 8px 28px #24437007}.user-window-title{background:linear-gradient(110deg,#f1f6ff,#edf9fa);color:#224c8e;text-align:left;margin:-24px -24px 20px;padding:22px 24px;border-radius:16px 16px 0 0;font-weight:700}.company-table-wrap,.user-window .company-table-wrap{border:1px solid #e1e9f4;border-radius:10px;background:white}.company-table th,.user-window .company-table th{background:#edf3fd;color:#527096;font-size:11px;letter-spacing:.4px;padding:13px}.company-table td,.user-window .company-table td{border-bottom:1px solid #ecf0f6;font-size:13px}.company-table tr:nth-child(even){background:#fbfcff}.company-table tr.selected{background:#e8f0ff;box-shadow:inset 3px 0 #2f6bed}.company-table tr:hover{background:#f0f6ff}.company-actions,.user-window .company-actions{border:0;border-top:1px solid #e6edf7;justify-content:flex-start;padding:18px 0 0}.user-window button,#user-editor button,#company-editor button{border:1px solid #d8e3f1;border-radius:8px;background:white;color:#365d8c;padding:9px 14px}.user-window button:first-child:not(:disabled),#user-save,#company-save{background:#2563eb!important;border-color:#2563eb!important;color:white!important}.user-window .company-toolbar input{border-radius:8px}#company-editor,#user-editor,#permission-editor,#company-dialog,#password-dialog{border:1px solid #dbe5f4;border-radius:16px;background:white;color:var(--navy);box-shadow:0 24px 90px #102d5938}dialog::backdrop{background:#10234188;backdrop-filter:blur(4px)}.company-window-title,.user-editor-title{background:linear-gradient(110deg,#edf3ff,#edf9fa);color:#244979;font-weight:700;font-size:20px;padding:16px 20px;border-bottom:1px solid #dce7f6}.company-window-title button{background:white;color:#4f6e97;border-radius:8px!important}#company-editor form,#user-editor form{padding:18px}.company-reference-top,.company-reference-bottom,.user-data,.user-access{border:1px solid #dee7f3;border-radius:10px;background:#fbfcff}.company-reference-top{padding:18px}.company-reference-top input,.company-reference-top select,.company-reference-paths input,#user-editor input:not([type=radio]):not([type=checkbox]),#user-editor select{border:1px solid #d4dfee;border-radius:6px;padding:7px;background:white;color:#244365}.company-reference-top label,.company-reference-paths label,.user-fields label{font-size:12px;color:#5b7290}.company-reference-paths{border-right:1px solid #e0e8f3}.company-reference-right .company-logo{background:#f3f7ff;border:0;border-bottom:1px solid #e0e8f3;border-radius:0 10px 0 0}.company-logo-canvas{border:1px dashed #bdd0ea;border-radius:12px}.company-reference-right .company-logo small{color:#7088aa}#company-logo-choice{border:1px solid #cfdded;border-radius:6px}.company-payroll{font-size:13px}.company-input-action button{border-radius:0 6px 6px 0!important;color:#087f73!important;background:#e5f6f1!important;border-color:#bfded5!important}.company-plan-controls input{background:#f0f7ff}.company-additional{border:1px solid #e0e8f3;border-radius:8px;color:#5e789b;background:#fbfdff}#company-editor .company-editor-footer,.user-footer{border:0;border-top:1px solid #e3eaf5;justify-content:flex-end;padding:16px 0 0}#company-editor .company-editor-footer button{border:1px solid #d7e2ef;border-radius:8px;background:white;padding:10px 16px;font-weight:600}.user-password-box{background:#f0f6ff;border:1px solid #d8e6fc;border-radius:8px}.user-assigned{background:#f6faff;border:1px solid #dbe7f6;border-radius:8px}.user-assigned td{border-color:#e2eaf5}.user-access legend{color:#3b649c;padding:0 8px}.user-role input,.company-payroll input,.permission-checks input{accent-color:#2563eb}.user-role label{font-size:13px}.user-access #user-role-note{font-size:12px;color:#6883a7}.permissions-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.permissions-heading h2{margin:8px 0}.permission-pickers{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#f6f9ff;border:1px solid #e0e9f7;border-radius:12px;padding:18px;margin:20px 0}.permission-pickers label{display:block;font-weight:600;color:#456588;margin-bottom:8px}.permission-pickers select,.permission-pickers input{width:100%;padding:10px;border-radius:8px;border:1px solid #d6e1ef;background:white;margin-bottom:8px}.permission-mini-pages{display:flex;align-items:center;gap:12px}.permission-mini-pages button{padding:5px 12px}.permissions-panel h3{font-size:16px}.permissions-panel #permission-search{max-width:360px}.permissions-panel #permission-status{color:#6681a4;font-size:13px;line-height:1.6}#permission-editor{width:530px;max-width:94vw;padding:26px}#permission-editor h2{font-size:22px}#permission-form>label{display:flex;flex-direction:column;gap:8px;font-weight:600;margin:16px 0}#permission-form select{padding:11px;border:1px solid #cfdced;border-radius:8px;background:white;max-width:100%;color:#284b75}.permission-checks{display:flex;gap:25px;padding:18px 0}.permission-checks input{width:auto}.permission-checks label{display:flex;gap:6px;align-items:center;font-size:13px}.permissions-panel tr[data-id]{cursor:pointer}#permission-form .sub{font-size:12px}button[hidden],[data-module][hidden],[data-menu-item][hidden]{display:none!important}@media(max-width:760px){.formbox{padding:24px;width:100%}.intro h1{font-size:34px}.permission-pickers{grid-template-columns:1fr;gap:12px;padding:14px}.permissions-panel,.user-window,.company-panel{padding:16px}.user-window-title{margin:-16px -16px 16px;padding:18px}.permissions-heading{align-items:flex-start}.permissions-heading .badge{display:none}.company-reference-top{padding:12px}.company-reference-paths{border:0}.company-actions{gap:7px}.company-actions button{padding:9px 12px}.permission-checks{gap:12px}#company-editor form,#user-editor form{padding:12px}}@media print{body{background:white}.sidebar,.topbar,.company-actions,.company-toolbar,.permission-pickers,.company-pages{display:none!important}.company-panel,.permissions-panel,.user-window{box-shadow:none;border:0;padding:0}}