*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--paper: #F5F3EE;--paper-deep: #ECE9E1;--surface: #FFFFFF;--line: #E7E3D9;--line-2: #D9D4C7;--ink: #1C1915;--ink-2: #4D473D;--ink-3: #79715F;--ink-4: #A39B8B;--panel: #221E18;--panel-2: #2E2920;--panel-line: rgba(255,255,255,.09);--brand: #DD8500;--brand-deep: #B86C00;--brand-ink: #8A5300;--brand-soft: #FAF0DA;--brand-grad: linear-gradient(135deg, #F2A11F 0%, #D87B00 100%);--go: #1E9E4A;--go-deep: #137A37;--go-ink: #116B30;--go-soft: #E1F3E7;--go-grad: linear-gradient(135deg, #25AF55 0%, #128543 100%);--live-grad: linear-gradient(168deg, #1E7A41 0%, #0C5328 100%);--stop: #E5484D;--stop-deep: #C13438;--stop-ink: #B5282D;--stop-soft: #FCE8E9;--stop-grad: linear-gradient(135deg, #F05B5F 0%, #D03338 100%);--info: #2563EB;--info-ink: #1D4FBF;--info-soft: #E8EEFC;--violet: #7C3AED;--violet-soft: #F1EAFD;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter Tight", "Inter", -apple-system, sans-serif;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--r-full: 999px;--shadow-1: 0 1px 2px rgba(28,25,21,.05), 0 3px 10px rgba(28,25,21,.05);--shadow-2: 0 2px 4px rgba(28,25,21,.06), 0 14px 34px rgba(28,25,21,.1);--shadow-pop: 0 8px 24px rgba(28,25,21,.14), 0 28px 70px rgba(28,25,21,.22);--shadow-up: 0 -8px 30px rgba(28,25,21,.12);--ease: cubic-bezier(.32, .72, .25, 1);--t-fast: .15s;--t-med: .26s;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--tabbar-h: 66px}html,body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-size:16px;line-height:1.45}body{min-height:100dvh}button{font-family:var(--font);cursor:pointer;border:none;outline:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:var(--font);font-size:16px}a{color:var(--brand-ink);text-decoration:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--r-md);font-weight:650;font-size:15px;letter-spacing:-.01em;min-height:48px;min-width:48px;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.965)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:0 1px 2px #b86c0040,0 6px 18px #d87b004d}.btn-primary:active{box-shadow:0 1px 6px #d87b0040}.btn-dark{background:var(--ink);color:#fff;box-shadow:var(--shadow-1)}.btn-success{background:var(--go-grad);color:#fff;box-shadow:0 1px 2px #137a3740,0 6px 18px #137a3747}.btn-danger{background:var(--stop-grad);color:#fff;box-shadow:0 1px 2px #c1343838,0 6px 18px #c1343842}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-2);box-shadow:var(--shadow-1)}.btn-secondary:active{background:var(--paper)}.btn-ghost{background:transparent;color:var(--brand-ink);padding:10px 14px;min-height:40px}.btn-ghost:active{background:var(--brand-soft)}.btn-quiet{background:var(--paper-deep);color:var(--ink-2)}.btn-sm{padding:8px 14px;font-size:13.5px;min-height:38px;border-radius:var(--r-sm)}.btn-lg{padding:16px 28px;font-size:17px;min-height:58px;border-radius:var(--r-lg)}.btn-block{width:100%}.btn-pill{border-radius:var(--r-full)}.btn-icon{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-1)}.btn-icon:active{background:var(--paper);transform:scale(.92)}.btn-danger-ghost{background:transparent;color:var(--stop-ink)}.btn-danger-ghost:active{background:var(--stop-soft)}.btn-outline-danger{background:var(--surface);color:var(--stop-ink);border:1px solid color-mix(in srgb,var(--stop) 45%,var(--line-2))}.label{display:block;font-size:12px;font-weight:700;color:var(--ink-3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.07em}.input,.textarea,select.input{width:100%;padding:13px 16px;border:1.5px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);font-size:16px;color:var(--ink);min-height:50px;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2379715F' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.input:focus,.textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #dd850029}.textarea{resize:vertical;min-height:88px;line-height:1.5}input[type=file]{font-size:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-1)}.card-press{cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.card-press:active{transform:scale(.98)}@media(hover:hover){.card-press:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}}.rowline{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.rowline:last-child{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-full);font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-scheduled{color:var(--info-ink);background:var(--info-soft)}.status-in_progress{color:var(--go-ink);background:var(--go-soft)}.status-paused{color:var(--ink-3);background:var(--paper-deep)}.status-completed{color:var(--ink-2);background:#e9e6de}.status-invoiced{color:var(--violet);background:var(--violet-soft)}.status-pending{color:var(--brand-ink);background:var(--brand-soft)}.status-approved{color:var(--go-ink);background:var(--go-soft)}.status-rejected{color:var(--stop-ink);background:var(--stop-soft)}.badge-paid{color:#fff;background:var(--go)}.badge-flat{color:var(--brand-ink);background:var(--brand-soft)}.badge-role{color:var(--ink-2);background:var(--paper-deep);text-transform:uppercase;font-size:10px;letter-spacing:.06em}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-full);font-size:13px;font-weight:600;background:var(--paper-deep);color:var(--ink-2)}.seg{display:flex;gap:4px;padding:4px;background:var(--paper-deep);border-radius:var(--r-md);width:fit-content;max-width:100%;overflow-x:auto}.seg-item{flex:1 0 auto;padding:9px 18px;border-radius:10px;font-size:14px;font-weight:650;color:var(--ink-3);white-space:nowrap;min-height:40px;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.seg-item.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.seg-block{width:100%;display:flex}.seg-block .seg-item{flex:1;text-align:center}.progress{height:7px;background:var(--paper-deep);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;background:var(--brand-grad);border-radius:var(--r-full);transition:width .5s var(--ease)}.progress-fill.go{background:var(--go-grad)}.page{padding-bottom:32px}.page-pad{padding-left:18px;padding-right:18px}.page-header{padding:20px 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-title{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.035em;line-height:1.1;color:var(--ink)}.page-subtitle{font-size:14px;color:var(--ink-3);margin-top:4px;font-weight:500}.section-title{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);padding:18px 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.list-gap{display:flex;flex-direction:column;gap:12px;padding:0 18px}.stack{display:flex;flex-direction:column;gap:12px}.hstack{display:flex;align-items:center;gap:10px}.empty{text-align:center;padding:48px 24px;color:var(--ink-3)}.empty-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);display:flex;align-items:center;justify-content:center;color:var(--brand)}.empty-title{font-size:16px;font-weight:700;color:var(--ink-2)}.empty-text{font-size:14px;margin-top:4px;line-height:1.5}.spinner{width:28px;height:28px;border:3px solid var(--line-2);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}.spinner-sm{width:18px;height:18px;border-width:2.5px;margin:0}.spinner-onlight{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--paper-deep) 25%,#f3f0e9 50%,var(--paper-deep) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-md)}.banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;line-height:1.45}.banner-error{background:var(--stop-soft);color:var(--stop-ink)}.banner-warn{background:var(--brand-soft);color:var(--brand-ink)}.banner-ok{background:var(--go-soft);color:var(--go-ink)}.banner-info{background:var(--info-soft);color:var(--info-ink)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191573;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);border-radius:24px 24px 0 0;width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;padding:10px 20px calc(20px + var(--safe-bottom));box-shadow:var(--shadow-up)}.sheet-grab{width:40px;height:5px;border-radius:var(--r-full);background:var(--line-2);margin:4px auto 14px}.sheet-title{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.sheet-sub{font-size:14px;color:var(--ink-3);margin-bottom:14px}.fab{position:fixed;bottom:calc(var(--tabbar-h) + 18px + var(--safe-bottom));right:18px;width:58px;height:58px;border-radius:var(--r-full);background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pop);z-index:40;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.fab:active{transform:scale(.9)}.toast{display:flex;align-items:center;gap:10px;background:var(--panel);color:#fff;padding:13px 16px;border-radius:var(--r-md);box-shadow:var(--shadow-pop);font-size:14px;font-weight:600;line-height:1.4;pointer-events:auto;cursor:pointer}.toast-icon{flex-shrink:0;display:flex}.toast-success .toast-icon{color:#4ade80}.toast-error .toast-icon{color:#fb7185}.toast-info .toast-icon{color:#93c5fd}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 12px;text-align:center;box-shadow:var(--shadow-1)}.stat-num{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}.stat-label{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.avatar{width:38px;height:38px;border-radius:var(--r-full);background:var(--brand-grad);color:#fff;font-size:15px;font-weight:750;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.avatar-sm{width:28px;height:28px;font-size:12px}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;display:flex;flex-direction:column}.app-shell{padding-bottom:calc(var(--tabbar-h) + 14px + var(--safe-bottom));min-height:100dvh}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:space-around;align-items:stretch;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:6px 8px calc(6px + var(--safe-bottom));background:#ffffffdb;backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-top:1px solid var(--line)}.tab-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--r-md);color:var(--ink-4);font-size:10.5px;font-weight:700;letter-spacing:.01em;transition:color var(--t-fast) var(--ease);max-width:96px}.tab-item.active{color:var(--brand-ink)}.tab-item:active{transform:scale(.94)}.tab-pill{position:absolute;top:2px;width:44px;height:28px;border-radius:var(--r-full);background:var(--brand-soft);z-index:-1}.tab-icon-wrap{height:28px;display:flex;align-items:center;justify-content:center}.sidebar{display:none}.viewas-banner{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:linear-gradient(135deg,#e5484d,#b5282d);color:#fff;font-size:13.5px;font-weight:650;box-shadow:0 4px 18px #b5282d59}.viewas-banner .btn{min-height:36px}.viewas-adminbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:var(--panel);color:#fff;font-size:13px;font-weight:600}.page-transition{min-height:40vh}.worker-page{max-width:540px;margin:0 auto;width:100%}.auth-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px calc(28px + var(--safe-bottom));background:radial-gradient(900px 480px at 85% -10%,rgba(242,161,31,.16),transparent 60%),radial-gradient(700px 420px at -10% 110%,rgba(30,158,74,.08),transparent 55%),var(--paper)}.auth-card{width:100%;max-width:392px}.auth-logo{width:168px;margin:0 auto 10px}.auth-kicker{text-align:center;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:34px}.auth-title{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.03em;text-align:center;margin-bottom:8px}.auth-text{text-align:center;color:var(--ink-3);font-size:15px;line-height:1.55}.live-hero{margin:14px 16px 0;border-radius:var(--r-xl);background:var(--live-grad);color:#fff;padding:26px 22px 24px;text-align:center;box-shadow:0 10px 30px #0e532859,inset 0 1px #ffffff24;position:relative;overflow:hidden}.live-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 200px at 50% -40%,rgba(255,255,255,.16),transparent 70%);pointer-events:none}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--r-full);background:#ffffff29;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.live-dot{width:8px;height:8px;border-radius:50%;background:#5cff9d;box-shadow:0 0 #5cff9d8c;animation:livePulse 1.8s var(--ease) infinite}@keyframes livePulse{0%{box-shadow:0 0 #5cff9d8c}70%{box-shadow:0 0 0 9px #5cff9d00}to{box-shadow:0 0 #5cff9d00}}.live-timer{font-family:var(--font-display);font-size:56px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.05;margin:14px 0 6px;text-shadow:0 2px 14px rgba(0,0,0,.18)}.live-job{font-size:16px;font-weight:700;opacity:.98}.live-addr{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:550;opacity:.82;margin-top:4px}.clock-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:76px;border-radius:var(--r-xl);font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:.01em;color:#fff;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.clock-btn:active{transform:scale(.97)}.clock-btn:disabled{opacity:.55}.clock-btn-start{background:var(--go-grad);box-shadow:0 2px 4px #137a3740,0 14px 34px #137a3759,inset 0 1px #ffffff38}.clock-btn-stop{background:var(--stop-grad);box-shadow:0 2px 4px #c1343840,0 14px 34px #c1343852,inset 0 1px #ffffff38}.clock-btn-gold{background:var(--brand-grad);box-shadow:0 2px 4px #b86c0040,0 14px 34px #d87b0052,inset 0 1px #ffffff38}.clock-btn-sub{display:block;font-family:var(--font);font-size:12px;font-weight:600;opacity:.85;letter-spacing:.02em}.job-select{width:100%;display:flex;align-items:center;gap:14px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:15px 16px;text-align:left;box-shadow:var(--shadow-1);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.job-select:active{transform:scale(.98)}.job-select.selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand),var(--shadow-1)}.job-select-radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--line-2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast) var(--ease)}.job-select.selected .job-select-radio{border-color:var(--brand);background:var(--brand);color:#fff}.job-select-name{font-weight:750;font-size:16px;letter-spacing:-.01em}.job-select-addr{font-size:13px;color:var(--ink-3);margin-top:1px}.qa-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.qa-row-2{grid-template-columns:repeat(2,1fr)}.qa-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.qa-tile:active{transform:scale(.93);border-color:var(--brand);background:var(--brand-soft)}.qa-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-ink)}.qa-label{font-size:12.5px;font-weight:750;color:var(--ink-2);letter-spacing:.01em}.phase-row{display:flex;gap:8px;padding:0 16px}.phase-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:var(--r-full);font-size:13px;font-weight:700;text-transform:capitalize;background:var(--surface);color:var(--ink-3);border:1.5px solid var(--line);transition:all var(--t-fast) var(--ease)}.phase-pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.eod-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:22px 16px;display:flex;justify-content:space-around;align-items:center;box-shadow:var(--shadow-1)}.eod-stat{text-align:center;min-width:72px}.eod-num{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.eod-label{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;margin-top:2px}.eod-divider{width:1px;height:44px;background:var(--line)}.map-link{display:flex;align-items:center;gap:14px;margin:0 18px 12px;padding:15px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform var(--t-fast) var(--ease)}.map-link:active{transform:scale(.98)}.map-link-icon{width:42px;height:42px;flex-shrink:0;border-radius:var(--r-md);background:var(--info-soft);color:var(--info-ink);display:flex;align-items:center;justify-content:center}.room-toggle{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);width:100%;text-align:left;transition:transform var(--t-fast) var(--ease)}.room-toggle:last-child{border-bottom:none}.room-toggle:active{transform:scale(.985)}.room-indicator{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t-med) var(--ease)}.room-indicator.pending{border:2px solid var(--line-2);background:transparent;color:transparent}.room-indicator.in_progress{border:none;background:var(--brand-soft);color:var(--brand-ink)}.room-indicator.done{border:none;background:var(--go);color:#fff}.room-name{font-weight:700;font-size:16px;letter-spacing:-.01em;transition:color var(--t-fast)}.room-name.done{text-decoration:line-through;color:var(--ink-4)}.room-task{font-size:13px;color:var(--ink-3);text-transform:capitalize}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.photo-grid-3{grid-template-columns:repeat(3,1fr);gap:8px}.photo-tile{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:var(--paper-deep);cursor:pointer;transition:transform var(--t-fast) var(--ease)}.photo-tile:active{transform:scale(.97)}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile-meta{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 8px;background:linear-gradient(transparent,#000000b8);color:#fff}.photo-tile-client{font-size:12.5px;font-weight:700}.photo-tile-sub{font-size:10.5px;opacity:.85;margin-top:1px}.phase-tag{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:var(--r-full);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.phase-before{background:#2563ebd9;color:#fff}.phase-during{background:#dd8500e0;color:#fff}.phase-after{background:#1e9e4ae0;color:#fff}.camera-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 16px;border:2px dashed var(--line-2);border-radius:var(--r-lg);background:var(--paper);cursor:pointer;text-align:center;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.camera-drop:active{transform:scale(.98);border-color:var(--brand);background:var(--brand-soft)}.camera-drop-icon{width:52px;height:52px;border-radius:var(--r-full);background:var(--brand-grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #d87b0059}.upload-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper)}.upload-thumb{width:48px;height:48px;flex-shrink:0;border-radius:var(--r-sm);overflow:hidden;background:var(--paper-deep);display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.upload-thumb img{width:100%;height:100%;object-fit:cover}.sched-head{text-align:center;font-size:11px;font-weight:700;color:var(--ink-3);padding:4px 2px;text-transform:uppercase;letter-spacing:.04em}.sched-daynum{font-family:var(--font-display);font-size:15px;font-weight:750;width:30px;height:30px;line-height:30px;border-radius:50%;margin:3px auto 0;color:var(--ink)}.sched-daynum.today{background:var(--ink);color:#fff}.sched-cell{min-height:50px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px;display:flex;flex-direction:column;gap:3px}.sched-chip{font-size:10px;font-weight:700;padding:4px 6px;border-radius:6px;cursor:pointer;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weeknav{display:flex;align-items:center;justify-content:space-between;gap:10px}.weeknav-label{font-family:var(--font-display);font-size:17px;font-weight:750;letter-spacing:-.02em;text-align:center;flex:1}.weeknav-sub{font-size:12px;color:var(--ink-3);font-weight:550;margin-top:1px}.suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);z-index:20;box-shadow:var(--shadow-2);max-height:300px;overflow-y:auto}.suggest-item{display:block;width:100%;padding:12px 16px;text-align:left;font-size:15px;border-bottom:1px solid var(--line);color:var(--ink)}.suggest-item:last-child{border-bottom:none}.suggest-item:active,.suggest-item.highlighted{background:var(--brand-soft)}.money{font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.01em}.desktop-table{display:none}@media(max-width:1023px){.desktop-only{display:none!important}}@media(min-width:1024px){.app-layout.authenticated{flex-direction:row}.app-shell{padding-bottom:32px;min-height:unset}.app-main{flex:1;min-width:0;background:var(--paper)}.tabbar,.fab{display:none}.page-header{padding:28px 28px 14px;max-width:1200px}.page-title{font-size:32px}.section-title{padding:18px 28px 10px;max-width:1200px}.list-gap{padding:0 28px 24px;max-width:1200px}.page-pad{padding-left:28px;padding-right:28px}.mobile-list-only{display:none}.sidebar{display:flex;flex-direction:column;width:232px;min-width:232px;background:var(--panel);color:#fff;height:100vh;position:sticky;top:0;z-index:60}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:22px 20px 18px;border-bottom:1px solid var(--panel-line)}.sidebar-logo{width:38px;height:38px;border-radius:12px;background:var(--brand-grad);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #d87b0066}.sidebar-brand-name{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.02em}.sidebar-brand-sub{font-size:10px;font-weight:750;color:#f2a11f;text-transform:uppercase;letter-spacing:.18em}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:14px 12px;gap:3px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:#ffffff9e;transition:background var(--t-fast),color var(--t-fast);text-align:left}.sidebar-nav-item:hover{background:#ffffff12;color:#fff}.sidebar-nav-item.active{background:var(--brand-grad);color:#fff;box-shadow:0 4px 14px #d87b0059}.sidebar-footer{padding:14px 16px calc(14px + var(--safe-bottom));border-top:1px solid var(--panel-line);display:flex;align-items:center;gap:10px}.sidebar-user{flex:1;display:flex;align-items:center;gap:9px;min-width:0}.sidebar-user-name{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#ffffff73}.sidebar-logout{color:#ffffff73;padding:8px;border-radius:8px;transition:color var(--t-fast),background var(--t-fast);flex-shrink:0;display:flex}.sidebar-logout:hover{color:#fff;background:#ffffff1a}.sidebar-viewas{border-top:1px solid var(--panel-line);padding:10px 12px}.sidebar-viewas-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#ffffffb8;font-size:12.5px;font-weight:650;transition:background var(--t-fast)}.sidebar-viewas-btn:hover{background:#ffffff1c;color:#fff}.sidebar-viewas-list{display:flex;flex-direction:column;gap:2px;margin-top:6px;max-height:210px;overflow-y:auto}.sidebar-viewas-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border-radius:8px;color:#ffffffb8;font-size:13px;transition:background var(--t-fast);text-align:left}.sidebar-viewas-item:hover{background:#ffffff17;color:#fff}.sidebar-viewas-active{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#e5484d29;border:1px solid rgba(229,72,77,.35);border-radius:9px;color:#fca5a8;font-size:12px;font-weight:700}.sheet-overlay{align-items:center;padding:24px}.sheet{border-radius:var(--r-xl);max-height:88vh;box-shadow:var(--shadow-pop);padding:18px 28px 26px}.sheet-grab{display:none}.desktop-table{display:table;width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);border:1px solid var(--line)}.desktop-table th{background:var(--paper);padding:11px 16px;text-align:left;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);border-bottom:1px solid var(--line)}.desktop-table td{padding:13px 16px;font-size:14px;border-bottom:1px solid var(--line);vertical-align:middle}.desktop-table tr:last-child td{border-bottom:none}.desktop-table tbody tr{transition:background var(--t-fast)}.desktop-table tbody tr:hover td{background:var(--brand-soft)}.desktop-table tr[data-click]{cursor:pointer}.desktop-only{display:block!important}.admin-grid-side.desktop-only{display:flex!important}.btn.desktop-only{display:inline-flex!important}.admin-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:0 28px 28px;align-items:start;max-width:1200px}.admin-grid-main{display:flex;flex-direction:column;gap:8px;min-width:0}.admin-grid-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}.admin-grid-side .section-title,.admin-grid-main .section-title{padding-left:0;padding-right:0}.admin-grid-main .list-gap{padding:0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{padding:20px 16px}.stat-num{font-size:32px}.photo-grid{grid-template-columns:repeat(4,1fr)}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;max-width:1100px}.viewas-mobile-only{display:none!important}.worker-page{padding-top:8px}}