.app-workspace{--accent:#13846c;--app-bg:#f5f7f8;font-family:Inter,Segoe UI,Arial,sans-serif;color:#172c39;background:var(--app-bg)}
.app-workspace .sidebar{width:248px;display:flex;flex-direction:column;background:#102b36}
.app-workspace .brand{padding:29px 22px;border-color:#ffffff10}.app-workspace .brand-badge{background:#d7f4e8;color:#164c40;border-radius:12px;width:40px;height:42px;font-size:16px}.brand-subtitle{font-size:9px;letter-spacing:1.7px;color:#96afb6;margin-top:5px}
.nav-caption{font-size:10px;color:#75949e;letter-spacing:1.8px;padding:33px 26px 12px}.app-workspace .sidebar .nav-link{display:flex;align-items:center;gap:11px;margin:4px 13px;padding:13px 15px;border-radius:8px;font-size:13px;color:#b6c8ce}.app-workspace .sidebar .nav-link.active{background:#23434b;color:#f1fffa}.nav-active-dot{width:6px;height:6px;background:#69d9b2;border-radius:50%;margin-left:auto}
.sidebar-note{margin:auto 22px 25px;border:1px solid #ffffff14;border-radius:10px;padding:17px;color:#c8dade}.sidebar-note>i{font-size:24px;color:#79bbad;display:block;margin-bottom:13px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px;line-height:1.7;color:#8fadb5;margin:7px 0 0}.sidebar-footer{display:flex;gap:11px;align-items:center;border-top:1px solid #ffffff10;padding:20px 24px;color:#d6e5e9}.workspace-avatar{display:grid;place-items:center;width:34px;height:34px;background:#34505a;border-radius:50%;font-size:11px}.sidebar-footer strong,.sidebar-footer small{display:block;font-size:11px}.sidebar-footer small{color:#86a4ae;font-size:10px;margin-top:4px}
.app-workspace .main{margin-left:248px}.app-workspace .topbar{height:74px;padding:0 36px;border-color:#e7ebed}.breadcrumb-line{font-size:12px;color:#788690;display:flex;gap:15px;align-items:center}.breadcrumb-line i{font-size:9px}.breadcrumb-line strong{font-weight:500;color:#344a56}.logout-button{border:0;background:transparent;display:flex;gap:8px;font-size:12px;color:#677783;padding:8px}.app-workspace .topbar .badge{font-weight:500;color:#60737f!important;background:#f7f9fa!important;padding:9px 12px;font-size:11px}
.app-workspace .page-content{max-width:1500px;margin:auto;padding:35px 36px 28px}.upload-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#13846c;margin-bottom:10px}.upload-page-heading h1{font-size:clamp(23px,2.3vw,32px);font-weight:650;letter-spacing:-1px;margin:0 0 9px}.upload-page-heading p{font-size:13px;color:#72818c;margin:0}.history-link{display:flex;align-items:center;gap:9px;white-space:nowrap;text-decoration:none;font-size:12px;color:#526872}.history-link:hover{color:#13846c}
.conversion-progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:18px 25px;margin:0 0 26px;border:1px solid #e4eaec;background:#fff;border-radius:12px;gap:20px}.conversion-progress li{display:flex;align-items:center;gap:12px;position:relative}.conversion-progress li+li{border-left:1px solid #e9eeef;padding-left:25px}.conversion-progress li>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f0f3f5;font-size:11px;font-weight:700;color:#89969f;flex-shrink:0}.conversion-progress .current>span{background:#e0f4ed;color:#17785f}.conversion-progress strong{display:block;font-size:12px;color:#7d8b95;font-weight:600}.conversion-progress .current strong{color:#254738}.conversion-progress small{display:block;color:#95a0a7;font-size:10px;margin-top:4px}
.conversion-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.configuration-column{display:grid;gap:22px}.setup-panel{background:#fff;border:1px solid #e3e9eb;border-radius:14px;padding:25px}.panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.section-number{width:28px;height:28px;border:1px solid #e0e8e7;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:#526d68;font-size:12px;font-weight:650}.panel-heading h2{font-size:16px;font-weight:650;margin:2px 0 6px}.panel-heading p{font-size:12px;color:#7b8a92;margin:0;line-height:1.6}.required-label{margin-left:auto;font-size:8px;letter-spacing:1px;color:#8b989e;padding-top:7px}.upload-drop-area{border:1.5px dashed #b8d2cb;border-radius:11px;background:#f7fbf9;text-align:center;padding:29px 18px;position:relative;transition:background .15s,border-color .15s}.upload-drop-area:hover,.upload-drop-area.drag-active{background:#ecf7f1;border-color:#13846c}.upload-drop-area:focus-within{outline:3px solid #8bcdb8;outline-offset:3px}.upload-drop-area input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-file-icon{width:52px;height:58px;border:1px solid #d6e6df;box-shadow:0 4px 7px #19372905;border-radius:12px;margin:0 auto 18px;background:white;display:grid;place-items:center;position:relative;pointer-events:none}.upload-file-icon>i{font-size:27px;color:#458975}.upload-file-icon>span{position:absolute;bottom:-4px;right:-7px;width:23px;height:23px;display:grid;place-items:center;background:#148368;border:3px solid #f7fbf9;border-radius:50%;color:white}.upload-drop-area h3{font-size:15px;font-weight:600;margin:0 0 8px}.upload-drop-area p{font-size:12px;color:#86928f;margin:0 0 18px}.browse-text{font-weight:600;color:#128469}.file-types{font-size:10px;color:#8a9994}.file-types span{padding:0 8px}.selected-file{font-size:11px;color:#7c8a91;padding:12px 0;overflow-wrap:anywhere}.selected-file.has-file{color:#147256;font-weight:600}.month-field{display:flex;align-items:center;gap:16px;justify-content:space-between;border-top:1px solid #eef1f2;padding-top:18px;margin-top:2px}.month-field label{font-size:12px;font-weight:600}.month-field p{font-size:10px;color:#87939b;margin:5px 0 0}.month-field input{width:175px;border-color:#dce5e6;border-radius:7px;font-size:12px;min-height:38px}
.manage-shifts{margin-left:auto;text-decoration:none;white-space:nowrap;display:flex;gap:6px;align-items:center;font-size:11px;color:#167c63;padding-top:5px}.shift-selection-hint{display:flex;gap:9px;font-size:11px;line-height:1.65;color:#788993;margin-bottom:18px}.shift-selection-hint i{color:#599a89}.upload-shift-grid{display:grid;gap:10px}.app-workspace [data-upload-shifts]>div{margin:0!important;border-color:#e1e8e9!important;padding:15px!important;border-radius:9px!important;transition:background .15s,border-color .15s}.app-workspace [data-upload-shifts]>div:has(input:checked){border-color:#69b69f!important;background:#f1faf6}.app-workspace [data-upload-shifts] strong{font-size:12px}.app-workspace [data-upload-shifts] .text-muted2{font-size:10px;line-height:1.8;margin-top:5px}.app-workspace [data-upload-shifts] .form-check-label{font-size:10px;color:#7a898f}.app-workspace .form-check-input:checked{background-color:#148368;border-color:#148368}.app-workspace .form-check-input:focus{box-shadow:0 0 0 3px #14836825}.shift-selection-summary{font-size:11px;color:#658576;margin:17px 0 0}
.conversion-side{position:sticky;top:94px}.conversion-summary{background:white;border:1px solid #dce6e5;border-top:3px solid #19846c;border-radius:13px;padding:23px}.summary-eyebrow{display:flex;align-items:center;gap:7px;letter-spacing:1.5px;font-size:9px;font-weight:650;color:#608278;margin-bottom:16px}.summary-eyebrow span{width:5px;height:5px;background:#36a482;border-radius:50%}.conversion-summary h2{font-size:20px;font-weight:650;letter-spacing:-.5px;margin-bottom:8px}.summary-intro{color:#8a969d;font-size:11px;margin-bottom:22px}.conversion-details{margin:0}.conversion-details>div{margin-bottom:18px}.conversion-details dt{font-weight:400;font-size:10px;color:#8b979e;display:flex;gap:7px;margin-bottom:6px}.conversion-details dd{font-size:12px;font-weight:500;margin:0 0 0 19px;color:#3c545f;overflow-wrap:anywhere}.output-preview{background:#f4f8f6;border:1px solid #e4ede8;border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;margin:22px 0}.excel-icon{font-size:26px;color:#418e73}.output-preview strong{font-size:11px;display:block}.output-preview small{display:block;color:#81958c;font-size:9px;margin-top:4px}.output-preview>i{margin-left:auto;color:#9bb3a7}.app-workspace .convert-button{background:#13846c;border-color:#13846c;width:100%;min-height:43px;font-size:12px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:16px;border-radius:8px}.app-workspace .convert-button:hover{background:#0b705b}.app-workspace .convert-button:disabled{background:#e5ede9;border-color:#e5ede9;color:#8b9e95;opacity:1}.convert-helper{font-size:10px;color:#8b9b94;text-align:center;margin:10px 0 0}.rules-note{padding:24px 10px 0;color:#6f848c}.rules-icon{float:left;margin-right:8px;color:#428b78}.rules-note h3{font-size:12px;color:#435e65;font-weight:600;padding-top:3px}.rules-note p{font-size:11px;line-height:1.8;margin-top:12px}.rules-note ul{list-style:none;padding:0;font-size:10px;line-height:2.4}.rules-note li i{color:#33896d;margin-right:7px}.rules-note .tie-note{font-size:10px;color:#8c999e}.upload-footer{font-size:10px;color:#8b999f;display:flex;justify-content:center;gap:7px;margin-top:30px}.app-workspace a:focus-visible,.app-workspace button:focus-visible{outline:3px solid #6ebba4;outline-offset:4px}.app-workspace .alert{font-size:12px}
@media(min-width:1600px){.conversion-layout{grid-template-columns:minmax(0,1fr) 360px}.upload-drop-area{padding:42px 20px}}
@media(max-width:1199px){.app-workspace .page-content{padding:26px 22px}.conversion-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.setup-panel{padding:20px}.upload-page-heading{align-items:flex-start}.history-link{font-size:10px}.panel-heading{flex-wrap:wrap}.manage-shifts{margin-left:40px}.required-label{display:none}}
@media(max-width:991.98px){.app-workspace .main{margin-left:0}.app-workspace .topbar{padding:0 22px}.app-workspace .sidebar{z-index:1040}.sidebar-note{margin-top:35px}.conversion-layout{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:720px){.conversion-layout{grid-template-columns:1fr}.conversion-side{position:static}.upload-page-heading{display:block}.history-link{margin-top:16px}.app-workspace .page-content{padding:24px 16px}.app-workspace .topbar{padding:0 16px;gap:10px}.breadcrumb-line{font-size:10px;gap:7px}.breadcrumb-line>i{display:none}.breadcrumb-line{flex-direction:column;align-items:flex-start;gap:3px}.logout-button span{display:none}.conversion-progress{padding:16px 12px;gap:10px}.conversion-progress li{display:block}.conversion-progress li+li{padding-left:12px}.conversion-progress li>span{margin-bottom:10px;width:27px;height:27px;font-size:9px}.conversion-progress strong{font-size:10px;line-height:1.6}.conversion-progress small{display:none}.month-field{align-items:flex-start;flex-direction:column;gap:12px}.month-field input{width:100%}.rules-note{padding:24px 4px 0}.app-workspace [data-upload-shifts]>div{flex-wrap:wrap}.upload-footer{text-align:center;line-height:1.8}.app-workspace .topbar .badge{font-size:9px;padding:7px}.manage-shifts{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.app-workspace *{transition:none!important;scroll-behavior:auto!important}}