:root{color:#12324a;--navy:#072b65;--deep:#0d2e45;--teal:#007f91;--line:#dce5e8;background:#f2f6f7;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.center{place-items:center;min-height:100vh;display:grid}.login{background:linear-gradient(135deg,#e8f2f3,#fff);place-items:center;min-height:100vh;padding:24px;display:grid}.login section{text-align:center;background:#fff;width:min(520px,100%);padding:48px;box-shadow:0 20px 55px #12324a20}.login img{width:300px;max-width:100%;margin-bottom:30px}.login span,.title>span{color:var(--teal);letter-spacing:.16em;font-size:12px;font-weight:700}.login h1,.title h1{margin:15px 0;font-size:clamp(32px,5vw,52px)}.login p,.title p{color:#60717b;line-height:1.6}.login button,.timer>button,.form button{background:var(--navy);color:#fff;border:0;padding:15px 22px;font-weight:700}.login small{color:#71818a;margin-top:20px;display:block}.portal header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 32px;display:flex}.portal header img{width:230px}.portal header div{align-items:center;gap:16px;font-size:14px;display:flex}.portal header button{border:1px solid var(--line);background:0 0;padding:9px 13px}.shell{grid-template-columns:230px 1fr;min-height:calc(100vh - 82px);display:grid}aside{background:var(--deep);color:#fff;flex-direction:column;gap:6px;padding:35px 22px;display:flex}aside strong{margin:0 12px 22px}aside button{color:#bdcbd1;text-align:left;background:0 0;border:0;padding:13px 12px}aside button.active,aside button:hover{color:#fff;background:#23475b}.work{width:min(1150px,100%);margin:0 auto;padding:55px}.title{margin-bottom:32px}.timer{border:1px solid var(--line);background:#fff;max-width:680px;padding:36px}.timer label{margin-bottom:22px;font-weight:700;display:block}.timer select,.timer textarea,.form input{background:#fff;border:1px solid #bac8cd;width:100%;margin-top:9px;padding:13px;display:block}.timer textarea{min-height:90px}.timer button:disabled{opacity:.5}.timer .stop{background:#9c3030}.active-label{color:var(--teal);font-size:12px;font-weight:700}.clock{margin:25px 0;font-size:54px;font-weight:700}.summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px;display:grid}.summary div{border:1px solid var(--line);background:#fff;padding:20px}.summary span,.summary strong{display:block}.summary span{color:#60717b;margin-bottom:8px;font-size:13px}.table{border:1px solid var(--line);background:#fff;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px}td small,.list small{color:#71818a;margin-top:5px;display:block}.form{gap:10px;max-width:650px;margin-bottom:25px;display:flex}.form input{margin:0}.list{border:1px solid var(--line);background:#fff;max-width:760px}.list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px;display:flex}.list button{border:1px solid var(--line);background:#fff;padding:8px}.message{color:#8a2222;background:#fff0f0;border:1px solid #e4bcbc;margin-bottom:20px;padding:13px}@media (max-width:760px){.portal header{height:70px;padding:0 15px}.portal header img{width:175px}.portal header span{display:none}.shell{display:block}aside{flex-direction:row;padding:12px;overflow:auto}aside strong{display:none}aside button{white-space:nowrap}.work{padding:35px 16px}.summary{grid-template-columns:1fr}.timer{padding:24px}.form{flex-direction:column}}.login img{margin:0 auto 30px;display:block}.login span{text-align:center;display:block}.staff-actions{gap:8px;display:flex}.staff-actions .delete-staff{color:#8a2222;border-color:#d8a7a7}.link-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:920px;display:grid}.link-card{border:1px solid var(--line);background:#fff;gap:18px;min-height:150px;padding:24px;display:flex}.active-link{color:inherit;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}:is(.active-link:hover,.active-link:focus-visible){border-color:var(--teal);outline:3px solid #0000;transform:translateY(-2px);box-shadow:0 10px 28px #12324a1a}.link-icon{width:48px;height:48px;color:var(--teal);background:#e5f3f4;border-radius:12px;flex:0 0 48px;place-items:center;font-weight:800;display:grid}.link-card h2{margin:2px 0 8px;font-size:19px}.link-card p{color:#60717b;min-height:40px;margin:0 0 12px;line-height:1.45}.link-card span{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.tool-section{margin-top:46px}.tool-section:first-of-type{margin-top:12px}.section-heading{justify-content:space-between;align-items:end;max-width:920px;margin-bottom:22px;display:flex}.section-heading span{color:var(--teal);letter-spacing:.16em;font-size:12px;font-weight:800}.section-heading h2{margin:9px 0 0;font-size:28px}.links-title-row{justify-content:space-between;align-items:start;gap:24px;max-width:920px;display:flex}.customize-button,.order-buttons button{border:1px solid var(--line);color:var(--deep);background:#fff;padding:10px 13px}.customize-button{white-space:nowrap}.layout-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:920px;margin-top:42px;padding-top:20px;display:flex}.layout-footer p{color:#60717b;margin:0}.order-buttons{gap:8px;display:flex}.order-buttons button:disabled{cursor:not-allowed;opacity:.35}.employee-form{grid-template-columns:1fr 1.4fr .7fr auto;align-items:end;max-width:900px;display:grid}.employee-form label{color:#12324a;font-size:13px;font-weight:700}.employee-form input,.employee-form select{background:#fff;border:1px solid #bac8cd;width:100%;min-height:47px;margin-top:8px;padding:12px;display:block}@media (max-width:760px){.employee-form{grid-template-columns:1fr}.staff-actions{flex-direction:column}}.aside-heading{justify-content:space-between;align-items:center;margin:0 12px 22px;display:flex}.aside-heading strong{margin:0}aside .theme-toggle{color:#fff;border:1px solid #527083;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:18px;display:grid}:root[data-theme=dark]{color:#e9f0f3;--deep:#071722;--line:#34505f;background:#0b1e2a}:root[data-theme=dark] body,:root[data-theme=dark] .portal,:root[data-theme=dark] .work{color:#e9f0f3;background:#0b1e2a}:root[data-theme=dark] .timer,:root[data-theme=dark] .summary div,:root[data-theme=dark] .table,:root[data-theme=dark] .list,:root[data-theme=dark] .list button,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:#edf5f7;background:#132c3a;border-color:#3e5a68}:root[data-theme=dark] .link-card{background:#132c3a}:root[data-theme=dark] .link-card p{color:#b8c9d0}:root[data-theme=dark] .link-icon{background:#183f4a}:root[data-theme=dark] .customize-button,:root[data-theme=dark] .order-buttons button{color:#edf5f7;background:#132c3a;border-color:#3e5a68}:root[data-theme=dark] .layout-footer p,:root[data-theme=dark] .title p,:root[data-theme=dark] td small,:root[data-theme=dark] .list small,:root[data-theme=dark] .summary span{color:#b8c9d0}:root[data-theme=dark] .employee-form label{color:#e9f0f3}:root[data-theme=dark] .message{color:#ffd9dc;background:#4a2025;border-color:#9f5960}@media (max-width:760px){.aside-heading{margin:0}.aside-heading strong{display:none}.layout-footer{flex-direction:column;align-items:stretch}.layout-footer .customize-button{width:100%}}