:root{--navy:#0f2744;--navy-soft:#1a3a5c;--teal:#0d7377;--teal-hover:#0a5f62;--teal-soft:#e7f4f4;--bg:#eef2f5;--bg-accent:#e4ecef;--surface:#fff;--surface-2:#f7fafb;--text:#0f2744;--muted:#5a6b78;--line:#d7e0e6;--line-strong:#c3ced6;--err:#b42318;--err-soft:#fdecea;--warn:#9a4b12;--warn-soft:#fff4e5;--ok:#0d7377;--ok-soft:#e7f4f4;--shadow:0 1px 2px #0f27440a, 0 8px 24px #0f27440f;--radius:12px;--radius-sm:8px;--sidebar-w:260px;--font:"DM Sans", sans-serif;--font-brand:"Manrope", "DM Sans", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 10% -10%, #0d73771a, transparent 55%), radial-gradient(900px 420px at 100% 0%, #0f274414, transparent 50%), var(--bg);min-height:100dvh;margin:0}button,input,select{font:inherit}a{color:inherit}.app-shell{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, var(--navy) 0%, #0c1f36 100%);color:#e8eef4;flex-direction:column;flex-shrink:0;gap:28px;padding:24px 16px;display:none}.sidebar-brand{padding:4px 10px}.sidebar-brand .brand{font-family:var(--font-brand);letter-spacing:.06em;color:#7fd4d7;font-size:1.05rem;font-weight:800}.sidebar-brand .sub{color:#e8eef4a6;margin-top:4px;font-size:.8rem}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav a{border-radius:var(--radius-sm);color:#e8eef4c7;align-items:center;gap:10px;padding:11px 12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav a:hover{color:#fff;background:#ffffff12}.sidebar-nav a.on{color:#fff;background:#0d737759;box-shadow:inset 3px 0 #7fd4d7}.sidebar-user{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff14;margin-top:auto;padding:14px 12px}.sidebar-user .name{font-weight:700}.sidebar-user .role{color:#e8eef4a6;margin-top:2px;font-size:.8rem}.sidebar-user .logout{width:100%;margin-top:10px}.app-body{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.mobile-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffd9;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.mobile-top .brand{font-family:var(--font-brand);letter-spacing:.05em;color:var(--teal);font-size:.95rem;font-weight:800}.mobile-top .user-meta{text-align:right;font-size:.82rem}.main{flex:1;width:min(1120px,100%);margin:0 auto;padding:20px 16px 96px}.mobile-nav{padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:30;background:#fffffff0;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav.cols-1{grid-template-columns:1fr}.mobile-nav.cols-4{grid-template-columns:repeat(4,1fr)}.mobile-nav.cols-5{grid-template-columns:repeat(5,1fr)}.mobile-nav.cols-5 a{padding:8px 2px;font-size:.68rem}.mobile-nav a{text-align:center;border-radius:var(--radius-sm);color:var(--muted);padding:10px 6px;font-size:.78rem;font-weight:700;text-decoration:none}.mobile-nav a.on{color:var(--teal);background:var(--teal-soft)}@media (width>=900px){.sidebar{height:100dvh;display:flex;position:sticky;top:0}.mobile-top,.mobile-nav{display:none}.main{padding:32px 36px 48px}}.stack{flex-direction:column;gap:18px;display:flex}.stack-sm{flex-direction:column;gap:12px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:4px;display:flex}.page-header h1{font-family:var(--font-brand);letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,2vw,1.75rem);font-weight:800}.page-header .muted{margin:4px 0 0}h1{font-family:var(--font-brand);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}h2{margin:0;font-size:1rem;font-weight:700}.muted{color:var(--muted);margin:0;font-size:.92rem}.small{font-size:.82rem}.center{text-align:center;padding:24px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.empty-state{text-align:center;padding:36px 20px}.empty-state h2{margin-bottom:6px}label{color:var(--navy-soft);font-size:.86rem;font-weight:600;display:block}label input,label select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);margin-top:6px;padding:11px 12px;transition:border-color .15s,box-shadow .15s}label input:focus,label select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0d737729}.form-grid{gap:12px;display:grid}@media (width>=700px){.form-grid.cols-2{grid-template-columns:1fr 1fr}.form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.form-grid.cols-4 .form-actions{grid-column:span 1}}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:11px 14px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover:not(:disabled){background:var(--teal-hover)}.btn.ghost{background:var(--surface-2);color:var(--teal);border:1px solid var(--line)}.btn.ghost:hover:not(:disabled){background:var(--teal-soft)}.btn.danger{background:var(--err-soft);color:var(--err)}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:wait}.link-btn{color:var(--teal);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.link-btn:hover{text-decoration:underline}.error{color:var(--err);background:var(--err-soft);border-radius:var(--radius-sm);border:1px solid #b423182e;margin:0;padding:10px 12px;font-size:.9rem;font-weight:600}.warn{color:var(--warn);background:var(--warn-soft);border-radius:var(--radius-sm);border:1px solid #9a4b122e;margin:0;padding:10px 12px;font-size:.9rem;font-weight:600}.pill{background:var(--teal-soft);color:var(--teal);letter-spacing:.01em;border-radius:999px;align-items:center;padding:4px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.pill.muted{background:var(--bg-accent);color:var(--muted)}.pill.warn{background:var(--warn-soft);color:var(--warn);border:none;padding:4px 9px}.pill.ok{background:var(--ok-soft);color:var(--ok)}.login-page{place-items:center;min-height:100dvh;padding:20px;display:grid}.login-layout{background:var(--surface);border:1px solid var(--line);width:min(920px,100%);box-shadow:var(--shadow);border-radius:18px;gap:0;display:grid;overflow:hidden}.login-brand{background:radial-gradient(500px 280px at 20% 20%, #7fd4d747, transparent 60%), linear-gradient(160deg, var(--navy) 0%, #0c1f36 100%);color:#e8eef4;flex-direction:column;justify-content:flex-end;min-height:280px;padding:40px 36px;display:none}.login-brand .brand{font-family:var(--font-brand);letter-spacing:.08em;color:#7fd4d7;font-size:1.6rem;font-weight:800}.login-brand p{color:#e8eef4bf;max-width:28ch;margin:12px 0 0;line-height:1.5}.login-card{box-shadow:none;border:none;border-radius:0;flex-direction:column;gap:14px;padding:32px 28px;display:flex}.login-card h1{font-size:1.55rem}@media (width>=800px){.login-layout{grid-template-columns:1.05fr 1fr}.login-brand{display:flex}.login-card{padding:44px 40px}}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=700px){.stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-card{padding:16px 18px}.stat-card .label{color:var(--muted);font-size:.8rem;font-weight:600}.stat-card .value{font-family:var(--font-brand);letter-spacing:-.03em;margin-top:6px;font-size:1.7rem;font-weight:800}.dash-grid{gap:14px;display:grid}@media (width>=700px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.shift-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.progress-bar{background:var(--bg-accent);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-bar>div{background:linear-gradient(90deg, var(--teal), #14a3a8);height:100%;transition:width .25s}.progress-row{align-items:center;gap:10px;display:flex}.week-nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.week-nav .range{text-align:center;font-weight:700}.plan-toolbar{gap:14px;display:grid}@media (width>=900px){.plan-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.plan-day{min-height:160px;padding:12px}}.plan-grid,.plan-week{flex-direction:column;gap:10px;display:flex}.plan-day-title{margin-bottom:10px;font-size:.9rem;font-weight:700}.plan-entry{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px;display:flex}.plan-entry:last-child{margin-bottom:0}.split-layout{gap:16px;display:grid}@media (width>=900px){.split-layout{grid-template-columns:minmax(280px,360px) 1fr;align-items:start}}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:520px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);font-size:.78rem;font-weight:700}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--surface-2)}.admin-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-row{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width>=900px){.admin-list-mobile{display:none}}@media (width<=899px){.table-wrap{display:none}}.block-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.block-tabs button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex}.block-tabs button.on{color:var(--teal);border-color:var(--teal);background:var(--teal-soft)}.task-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;transition:border-color .15s,background .15s}.task-row.done{background:var(--surface-2);border-color:#0d737740}.task-main{cursor:pointer;align-items:flex-start;gap:12px;font-weight:600;display:flex}.task-main input{width:20px;height:20px;accent-color:var(--teal);flex-shrink:0;margin-top:2px}.task-label{margin-right:8px}.task-main .pill{vertical-align:middle;margin-right:4px}.task-hint{margin:8px 0 0 32px}.task-extra{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 0 32px;display:flex}.task-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);width:88px;height:88px}.file-btn{position:relative;overflow:hidden}.note-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:calc(100% - 32px);margin:10px 0 0 32px;padding:10px 12px}.note-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0d737729}.dash-card-link{color:inherit;text-decoration:none;transition:border-color .15s,transform .12s;display:block}.dash-card-link:hover{border-color:var(--teal);transform:translateY(-1px)}.drawer-backdrop{z-index:80;background:#0f274473;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=800px){.drawer-backdrop{align-items:center;padding:24px}}.drawer-panel{background:var(--bg);width:min(960px,100%);max-height:min(92dvh,900px);box-shadow:var(--shadow);border-radius:16px 16px 0 0;padding:18px 16px 28px;overflow:auto}@media (width>=800px){.drawer-panel{border-radius:16px;padding:24px}}.drawer-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.drawer-head h1{font-size:1.25rem}.rates-block h2{margin-bottom:10px}.rates-scroll{display:block}.rates-table input{border:1px solid var(--line);width:100%;min-width:72px;font:inherit;border-radius:6px;padding:8px}.rates-table .sticky-col{background:var(--surface);z-index:1;position:sticky;left:0}.rates-notes{background:var(--teal-soft);border-radius:var(--radius);margin-top:14px;padding:14px 16px}.rates-notes h3{color:var(--teal);margin:0 0 8px;font-size:.9rem}.rates-notes ul{color:var(--navy-soft);margin:0;padding-left:1.1rem;font-size:.88rem}.rates-notes li+li{margin-top:4px}