:root{--gold:#d4af37;--dark:#161719;--silver:#bfbfbf;--primary:#d4af37}*{box-sizing:border-box}html,body{font-family:Poppins,Arial,sans-serif;font-size:13px;margin:0;background:#f3f4f6;color:#373c45;height:auto!important;min-height:100%}.loading{text-align:center;padding:20vh 10px}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit}button{border-radius:5px;border:1px solid #dce0e5;background:white;padding:10px 15px;color:#424854;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:11px;font-weight:500}button:hover{border-color:#b69a46}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #b39329;outline-offset:3px}.btn-gold{background:var(--gold);border-color:var(--gold);color:#171719;font-weight:600}.btn-danger-soft{color:#a34545;border-color:#eedada;background:#fff6f6}.brand-image{width:198px;height:65px;object-fit:contain}.dash-header{height:77px;display:flex;align-items:center;justify-content:space-between;background:#161719;color:#bfbfbf;padding:0 32px;position:sticky;top:0;z-index:10;border-bottom:1px solid #37342a}.header-right{display:flex;align-items:center;gap:22px}.header-right small{font-size:10px;color:#a4a5a7}.profile{display:flex;gap:10px;align-items:center}.profile strong{font-size:11px;font-weight:500;color:#eee}.profile small{display:block;font-size:9px}.avatar{background:#d4af3725;border:1px solid #d4af3735;color:#d4af37;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:10px}.dash-header button{background:transparent;color:#bfbfbf;border-color:#48494b;padding:7px 12px}.app-layout{display:flex;min-height:calc(100vh - 77px)}.sidebar{width:238px;background:#1b1c1f;color:#a1a4ad;flex-shrink:0;display:flex;flex-direction:column;padding:27px 16px;position:sticky;top:77px;height:calc(100vh - 77px)}.nav-section{color:#6c6e78;letter-spacing:1.9px;font-size:8px;padding:4px 16px 13px}.sidebar nav{display:grid;gap:6px}.sidebar button{justify-content:flex-start;border:0;background:transparent;color:#aeb0b7;padding:13px 15px;font-size:11px;border-radius:5px;text-align:left}.sidebar button i{font-size:16px;width:20px}.sidebar button.active{color:#e1c265;background:#d4af3719;border-left:3px solid #d4af37;padding-left:12px}.sidebar .nav-badge{background:#d4af37;color:#222;border-radius:4px;padding:0 5px;font-size:9px;margin-left:auto}.side-bottom{margin-top:auto;padding:20px 15px 5px;font-size:10px;color:#7c7f88;border-top:1px solid #313238}.side-bottom b{color:#d4af37;font-weight:400;display:block;margin-bottom:7px}.side-bottom a{display:block;margin-top:14px;text-decoration:none;color:#aaa}.main-content{padding:28px 34px 55px;flex:1;min-width:0;max-width:1800px}.breadcrumb-line{font-size:9px;color:#9a9ea6;display:flex;align-items:center;gap:11px;margin-bottom:25px}.demo-ribbon{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1px solid #e7dfc8;background:#faf7ed;padding:11px 15px;font-size:10px;color:#8c7537;border-radius:5px;margin-bottom:23px}.demo-ribbon select{margin:0;width:145px;background:white;font-size:10px;padding:6px 9px;border-color:#e3d7b1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{letter-spacing:2px;font-size:8px;font-weight:600;color:#ac8e3a;margin-bottom:9px}.page-heading h1{font-size:26px;line-height:1.4;letter-spacing:-.8px;font-weight:600;margin:0;color:#2c3039}.page-heading p{font-size:10px;color:#8b9099;margin:9px 0 0;line-height:1.7}.page-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.page-actions select{margin:0;width:165px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stat{background:white;border:1px solid #e5e7eb;border-radius:6px;padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 2px 3px #00000002}.stat span{font-size:10px;color:#8e939c}.stat strong{display:block;font-weight:500;font-size:28px;color:#333b47;margin:10px 0 4px}.stat small{font-size:9px;color:#a3a7ae}.stat i{width:35px;height:35px;background:#f9f5e8;border-radius:7px;display:grid;place-items:center;color:#ba9c47;font-size:16px}.card{border:1px solid #e3e6eb;border-radius:6px;background:white;box-shadow:0 2px 4px #00000002;margin-bottom:23px;overflow:hidden}.card-header{background:white;border-bottom:1px solid #eef0f3;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:12px;color:#3a414d;font-weight:600;margin:0}.card-header small{font-size:9px;color:#999fa8}.card-body{padding:22px}.card-header a{font-size:10px;color:#a88d40;text-decoration:none}.card-footer{background:#fbfbfc;border-top:1px solid #eff0f3;padding:13px 22px;color:#9a9fa8;font-size:9px}.two-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:23px}.week-nav{display:flex;gap:12px;align-items:center;font-size:11px}.week-nav button{width:30px;height:29px;padding:0}.week-nav strong{font-weight:500}.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:8px;white-space:nowrap;gap:5px}.tag-green{color:#3a8c6e;background:#ecf7f1}.tag-gold{color:#aa8730;background:#faf3dc}.tag-red{color:#b85d5d;background:#fff0f0}.tag-grey{color:#8e949f;background:#f1f2f5}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:9px;font-weight:500;color:#969ca6;padding:14px 18px;border-bottom:1px solid #e9ecf0;background:#fcfcfd}td{padding:16px 18px;font-size:10px;color:#535c6c;border-bottom:1px solid #f0f1f4}td small{display:block;color:#9ca1aa;font-size:8px;margin-top:4px}tr:last-child td{border-bottom:0}.planning{min-width:800px}.planning th{text-align:center}.planning th:first-child{text-align:left;min-width:155px}.planning td{text-align:center;padding:12px 7px}.planning td:first-child{text-align:left;padding-left:20px}.planning th small{font-size:8px;display:block;color:#aab0b8;margin-top:3px}.shift{width:100%;min-height:49px;padding:8px 5px;border:0;background:#f2f5f9;color:#61758c;border-left:2px solid #7f98b0;font-size:8px;line-height:1.7;border-radius:4px}.shift.rest{background:#f5f5f7;color:#a4a8af;border-left-color:#d4d7de}.shift.leave{background:#faf4e2;color:#ab8d3e;border-left-color:#d4af37}.shift.empty{background:#fff;border:1px dashed #e5e6e9;color:#bcc0c5}.legend{display:flex;gap:18px;padding:15px 22px;font-size:9px;color:#9399a3;border-top:1px solid #f0f1f4}.dot{width:7px;height:7px;display:inline-block;border-radius:2px;margin-right:5px;background:#8b9fb8}.dot.leave{background:#d4af37}.dot.rest{background:#d5d8df}.notice{font-size:10px;border:1px solid #e8e2cf;background:#fcfaf2;border-radius:5px;padding:14px 17px;color:#9c873e;margin-bottom:20px;display:flex;gap:12px;align-items:flex-start;line-height:1.7}.notice.info{background:#f0f5fa;border-color:#dfe8f1;color:#7189a0}.list-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #f0f1f4}.list-row:last-child{border:0}.list-row .details{flex:1}.list-row strong{font-size:11px;font-weight:500;color:#49515f}.list-row small{display:block;font-size:9px;color:#a0a5ad;margin-top:5px}.list-row .file-icon{background:#fbf3e0;color:#b69a49;width:36px;height:40px;display:grid;place-items:center;border-radius:5px}.list-row button{padding:7px 10px;font-size:9px}.empty-state{text-align:center;padding:45px 20px;color:#a3a8b2;line-height:1.8;font-size:11px}.empty-state i{font-size:28px;color:#d7c68e;display:block;margin-bottom:15px}.depot-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.depot-cards .card{margin:0}.depot-cards .card-body>i{font-size:30px;color:#bb9d48;margin-bottom:18px}.depot-cards h2{font-size:20px;font-weight:500}.auth-page{min-height:100vh;background:#17181a;display:grid;place-items:center;padding:32px 20px}.auth-box{max-width:440px;width:100%;background:white;border-radius:8px;padding:30px}.auth-logo{display:block;background:#17181a;padding:12px 20px;margin:-30px -30px 27px;border-radius:8px 8px 0 0;text-align:center}.auth-logo img{width:225px;height:80px}.auth-box h1{font-size:24px;font-weight:500;margin:0 0 14px}.auth-box p{font-size:11px;color:#9399a1;line-height:1.8}.auth-box button{width:100%;margin-top:15px}.auth-box .back{display:block;text-align:center;font-size:10px;color:#a0a3a8;margin-top:20px}label{font-size:10px;color:#77808e;display:block;margin:15px 0 7px}input,select,textarea{display:block;width:100%;border:1px solid #dce1e7;background:#fff;border-radius:4px;padding:10px 12px;color:#4c5664;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#c0a459;box-shadow:0 0 0 2px #d4af3710}textarea{min-height:85px}input[type=checkbox]{width:auto;display:inline;margin-right:8px}.checkboxes{display:flex;gap:16px}.checkboxes label{font-size:11px;color:#555}.modal-overlay{position:fixed;inset:0;background:#12151eb3;backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:20px}.modal-box{width:540px;max-width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:8px;background:white;padding:27px;position:relative}.modal-box h2{font-size:20px;font-weight:500;margin:0 30px 6px 0}.modal-box>p{font-size:10px;color:#939aa4;line-height:1.8}.modal-box .close{position:absolute;right:18px;top:18px;border:0;background:#f4f5f7;width:28px;height:28px;padding:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.form-error{font-size:11px;color:#ba5555;line-height:1.7;margin-top:12px}.privacy{font-size:9px;color:#9ca4b0;display:flex;gap:7px;align-items:center}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:200;background:#22272e;color:white;border-left:3px solid #d4af37;padding:15px 22px;max-width:90%;border-radius:5px;font-size:11px;box-shadow:0 10px 35px #0003}.mobile-toggle{display:none!important}.summary-link{cursor:pointer}.account-actions{display:flex;gap:6px}.account-actions button{font-size:8px;padding:6px 8px}.sidebar-backdrop{display:none}button .fa-chevron-left,button .fa-chevron-right{pointer-events:none}
@media(min-width:1600px){.main-content{padding:35px 45px}.sidebar{width:255px}}@media(max-width:1150px){.sidebar{width:205px}.main-content{padding:25px 22px}.stats{gap:12px}.stat{padding:17px}.two-columns{grid-template-columns:1fr}.header-right>small{display:none}.page-heading h1{font-size:23px}}@media(max-width:991px){html,body{overflow-x:clip}.dash-header{height:67px;padding:0 16px}.brand-image{width:155px;height:57px}.mobile-toggle{display:flex!important;border:0!important;padding:6px!important}.header-right{gap:10px}.profile strong,.profile small,.header-right .logout-label{display:none}.header-right button{padding:8px}.sidebar{position:fixed;left:-260px;top:67px;height:calc(100dvh - 67px);width:238px;z-index:30;transition:left .2s}.sidebar.open{left:0}.sidebar-backdrop.show{display:block;position:fixed;inset:67px 0 0;background:#0006;z-index:20}.main-content{padding:20px 15px 35px}.breadcrumb-line{margin-bottom:16px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading h1{font-size:23px}.page-actions{width:100%}.page-actions select{flex:1;min-width:140px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.stat i{width:28px;height:28px;font-size:13px}.stat span{font-size:9px}.stat small{font-size:8px}.card-header{padding:17px;flex-wrap:wrap}.card-body{padding:17px}.card-footer,.legend{padding-inline:17px}.card-title{font-size:11px}td,th{padding:14px 12px}.table-scroll>table:not(.planning){min-width:560px}.demo-ribbon{font-size:9px;gap:8px}.demo-ribbon select{width:130px}.depot-cards{grid-template-columns:1fr}.two-columns{gap:0}.modal-box{padding:23px}.form-row{grid-template-columns:1fr;gap:0}input,select,textarea{font-size:16px;min-height:44px}button{min-height:40px}.sidebar button{min-height:44px}.privacy{font-size:9px}.list-row{gap:10px}.list-row .details strong{font-size:10px}.list-row button{padding:6px 8px}.week-nav{font-size:10px;gap:8px}.side-bottom{padding-top:20px}.page-actions button{flex:1}.notice{font-size:9px}}

.header-right{margin-right:0!important;float:none!important;flex-shrink:0}.stat{min-width:0}.stat>div{min-width:0}.mobile-toggle{min-width:36px!important}.stat i{flex-shrink:0}@media(max-width:991px){.dash-header .header-right{gap:8px}.dash-header .profile{display:none}.dash-header .brand-image{width:150px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.client-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.client-logo-preview{height:140px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.client-logo-preview img{max-width:100%;max-height:90px;object-fit:contain}.depot-cards .btn-danger-soft{display:block}

.logo-status{font-size:13px;color:#666;line-height:1.6;overflow-wrap:anywhere}.logo-results{display:grid;gap:8px;max-height:280px;overflow-y:auto}.logo-result{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #e0e0e0;border-radius:6px;background:#fff;padding:12px;width:100%}.logo-result:hover,.logo-result:focus-visible{border-color:#b99a2f;outline:2px solid #d4af37;outline-offset:1px}.logo-result-image{width:64px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f8f8f8;padding:6px}.logo-result-image img{max-width:100%;max-height:100%;object-fit:contain}.logo-result strong,.logo-result small,.selected-client small{display:block}.logo-result small,.selected-client small{color:#777;overflow-wrap:anywhere}.logo-choice{margin-left:auto;font-size:12px;color:#8f741c}.selected-client{border:1px solid #d4af37;border-radius:8px;padding:20px;margin-top:18px}.selected-client .client-logo-preview{height:110px;margin-bottom:12px}.selected-client p{font-size:12px;margin:10px 0 0}.logo-manual{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid #eee;font-size:13px}.logo-credit{font-size:11px;margin:12px 0 0}.logo-credit a{color:#777}@media(max-width:600px){.logo-choice{display:none}.logo-result{gap:10px}.selected-client{padding:14px}}

.modal-overlay{grid-template-columns:minmax(0,1fr)}.modal-box{width:min(540px,calc(100vw - 40px));min-width:0;box-sizing:border-box}.logo-result{min-width:0;max-width:100%;justify-content:flex-start}.logo-result>span:nth-child(2){min-width:0;overflow-wrap:anywhere}

.view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.view-tabs button.selected{background:#d4af37;border-color:#d4af37;color:#161719}.view-tabs button{font-weight:500}
.support-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.support-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:20px 0}.support-filters label{flex:1;min-width:170px}.support-filters input,.support-filters select{margin-top:8px;width:100%}.support-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.support-customer h2{font-size:20px;margin-top:20px}.support-customer p{overflow-wrap:anywhere;font-size:13px}.text-lines{white-space:pre-wrap}.support-thread{padding:24px;display:grid;gap:18px}.support-message{padding:20px;border:1px solid #e7e7e7;border-radius:8px;background:#fafafa}.support-message.staff{background:#fbf8eb;border-color:#e8dba4}.support-message.system{padding:12px 18px;background:#f4f5f6;border:0;color:#747982}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 6px;font-size:13px}.support-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.support-message-meta span{font-size:11px;color:#888}.job-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:24px}.job-admin-grid h2{font-size:21px;line-height:1.4;margin:20px 0}.account-actions{flex-wrap:wrap;max-width:500px}.support-customer form{border-top:1px solid #eee;padding-top:16px;margin-top:20px}@media(max-width:1000px){.support-layout{grid-template-columns:1fr}.support-stats{grid-template-columns:1fr}.support-customer .card-body{padding:20px}}@media(max-width:600px){.support-thread{padding:14px}.support-message{padding:16px}.support-filters label{min-width:100%}.support-filters button{width:100%}.job-admin-grid{grid-template-columns:1fr}}

.planning .shift-edit-label{display:block;margin-top:7px;font-size:10px;font-weight:600;line-height:1.4;color:#8a6b11}.planning button.shift:hover .shift-edit-label,.planning button.shift:focus-visible .shift-edit-label{color:#161719}.planning button.shift:focus-visible{outline:3px solid #d4af37;outline-offset:2px}

.week-editor th,.week-editor td{min-width:155px}.week-editor .week-cell{display:grid;gap:7px;padding:8px}.week-editor .week-cell label{font-size:11px;margin:0}.week-editor .week-cell input,.week-editor .week-cell select{width:100%;min-width:110px;min-height:36px;padding:6px;font-size:12px}.week-editor .week-cell input:disabled{opacity:.45}

.personal-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:16px}#personal-profile{display:grid;gap:10px}#personal-profile input,#personal-profile textarea{max-width:100%;width:100%}#personal-profile input[type=checkbox]{width:auto}.avatar img{display:block}