:root{--navy:#14213d;--blue:#3563e9;--soft:#f4f7ff;--ink:#1f2a44;--muted:#70809b;--line:#e4eaf4;--green:#158466}*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1040px)/2))}.logo{color:var(--navy);font-size:21px;font-weight:800;text-decoration:none}.logo span{font-size:17px;margin-left:5px}.user{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:600}.link-button,.secondary{border:0;background:transparent;color:var(--blue);cursor:pointer}.app-shell{max-width:1040px;margin:auto;padding:42px 20px 64px}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:1.3px;color:var(--blue);font-weight:800;margin:0 0 8px}.welcome h1{font-size:32px;margin:0 0 7px}.welcome p:not(.eyebrow),.muted{color:var(--muted);margin:0}.today-label{background:#e9efff;color:#3157c9;border-radius:20px;padding:9px 13px;font-size:13px;font-weight:700}.calendar-card,.task-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 3px 10px #1c3a7210}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.calendar-head h2,.task-panel h2{font-size:18px;margin:0}.calendar-head a{width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--blue);font-size:28px;line-height:29px;text-align:center;text-decoration:none}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekdays span{text-align:center;font-size:11px;color:var(--muted);font-weight:700;padding-bottom:3px}.day{min-height:59px;border-radius:10px;padding:8px;text-decoration:none;color:var(--ink);background:#fafbfe;border:1px solid transparent}.day b{display:block;font-size:14px}.day small{display:block;font-size:9px;color:var(--green);font-weight:700;margin-top:5px}.day:hover{border-color:#b8c7f7}.day.selected{background:var(--blue);color:#fff}.day.selected small{color:#dce5ff}.day.today b:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#ef605d;margin:0 0 2px 4px}.day-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 18px}.day-heading h2{margin:0;font-size:24px}.primary{border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:750;padding:12px 17px;cursor:pointer;box-shadow:0 4px 10px #3563e938}.primary:hover{background:#2856dc}.task-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.task-title span{color:var(--muted);font-size:12px}.task{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;gap:12px}.task h3{margin:0 0 5px;font-size:15px}.task p{margin:0;color:var(--muted);font-size:12px}.done{color:var(--green);font-size:12px;font-weight:800}.empty-tasks{color:var(--muted);font-size:14px;padding:25px 0 5px}.notice{padding:12px 14px;border-radius:10px;margin-bottom:22px;font-size:14px}.notice.success{background:#e7f7f1;color:#12674f}.notice.error{background:#fff0f2;color:#b32f49}.field-error{color:#b32f49;font-size:12px;margin-top:12px}dialog{border:0;border-radius:16px;width:min(440px,calc(100% - 32px));box-shadow:0 20px 50px #12244755;padding:24px}dialog::backdrop{background:#13203b88}dialog h2{margin:0 0 8px}dialog label{font-size:13px;font-weight:700;display:block;margin-top:20px}input,select{border:1px solid #cfd9e9;border-radius:9px;padding:11px;color:var(--ink);outline:none;width:100%;background:#fff}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3563e918}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-fields label{margin-top:18px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:20px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#ecf1ff,#f9fbff)}.login-card{width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px 30px;box-shadow:0 20px 55px #1837751c;text-align:center}.brand-mark{width:47px;height:47px;margin:0 auto 22px;border-radius:14px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}.login-card h1{font-size:27px;margin:0 0 8px}.login-card .notice{text-align:left;margin-top:20px}.login-card #pin{position:absolute;opacity:0;pointer-events:none}.pin-dots{display:flex;justify-content:center;gap:17px;margin:29px 0 21px}.pin-dots i{width:13px;height:13px;border-radius:50%;background:#d7dfec}.pin-dots i.filled{background:var(--blue)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.keypad button{height:52px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;font-size:20px;font-weight:650;cursor:pointer}.keypad button:active{background:#e9efff}.keypad .blank{visibility:hidden}.login-card .primary{width:100%;padding:13px}.hint{font-size:12px;color:var(--muted);margin:21px 0 0}@media(max-width:650px){header{padding:0 16px}.user span{display:none}.app-shell{padding:27px 14px 42px}.welcome{align-items:start;margin-bottom:22px}.welcome h1{font-size:27px}.today-label{font-size:10px;padding:7px 9px}.calendar-card{padding:15px 10px}.weekdays,.calendar-grid{gap:3px}.day{min-height:51px;padding:6px 4px;text-align:center}.day small{font-size:8px;margin-top:4px}.day-heading{margin:25px 0 15px}.day-heading h2{font-size:20px}.task-panel{padding:18px}.start{font-size:12px;padding:11px}.login-card{padding:31px 23px}}
.admin-shell{max-width:1040px;margin:auto;padding:42px 20px 64px}.admin-hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.admin-hero h1{margin:0 0 7px;font-size:32px}.admin-hero p:not(.eyebrow){margin:0;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:22px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 3px 10px #1c3a7210}.admin-card h2{margin:0;font-size:19px}.admin-form{text-align:left}.admin-form label{display:block;margin-top:20px;font-size:13px;font-weight:700}.admin-form .primary{width:100%;margin-top:24px}.admin-login .admin-form .primary{margin-top:24px}.back-link{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;text-decoration:none;margin-top:22px}.employee-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.employee-head span{color:var(--muted);font-size:12px}.employee-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.employee-row h3{margin:0 0 3px;font-size:15px}.employee-row p{margin:0;color:var(--muted);font-size:12px}.employee-row code{margin-left:auto;background:#eef3ff;color:#3157c9;border-radius:8px;padding:7px 9px;font-weight:800;font-size:14px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e8efff;color:#3157c9;font-weight:800}@media(max-width:650px){.admin-shell{padding:27px 14px 42px}.admin-hero{align-items:start;margin-bottom:22px}.admin-hero h1{font-size:27px}.admin-grid{grid-template-columns:1fr}.admin-card{padding:19px}}

/* Monochrome admin interface */

/* Keep every page inside the phone viewport. Wide tables scroll only in their card. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.app-shell,.admin-shell,.calendar-card,.task-panel,.admin-card,.login-card,.edit-shell,.edit-card{max-width:100%}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:650px){header{min-width:0}.logo{font-size:18px;white-space:nowrap}.user{gap:8px;min-width:0}.app-shell,.admin-shell{width:100%;padding-left:14px;padding-right:14px}.calendar-card,.task-panel,.admin-card{min-width:0}.calendar-head h2{font-size:16px;text-align:center}.day-heading{gap:12px;align-items:flex-start}.day-heading h2{font-size:18px}.day-actions{flex-wrap:wrap;justify-content:flex-end}.task{min-width:0;align-items:flex-start}.task>div:first-child{min-width:0;overflow-wrap:anywhere}.task-actions{margin-left:auto}dialog{width:calc(100% - 24px);max-width:440px;max-height:calc(100dvh - 24px);margin:auto;padding:20px 16px;overflow-y:auto}.time-fields{grid-template-columns:1fr;gap:0}.dialog-actions{gap:10px}.admin-topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:8px 14px;gap:8px}.admin-topbar .brand{order:1}.admin-topbar form{order:2;margin-left:auto}.admin-topbar nav{order:3;width:100%;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.admin-topbar nav a{min-width:0;padding:7px 3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-page .work-filters{display:grid;grid-template-columns:1fr;align-items:stretch}.admin-page .work-filters input,.admin-page .work-filters select{min-width:0;width:100%}.admin-page .work-filters .primary,.admin-page .work-filters .clear-button{width:100%;text-align:center}.admin-page .actions{white-space:normal;flex-wrap:wrap}}
.admin-page{background:#fff;color:#000}.admin-page *{border-radius:3px}.admin-topbar{height:64px;background:#000;border:0;padding:0 max(20px,calc((100vw - 1040px)/2));display:flex;align-items:center;gap:32px}.admin-topbar .brand{font-size:16px;font-weight:900;letter-spacing:.7px;color:#fff;text-decoration:none;white-space:nowrap}.admin-topbar .brand span{font-weight:500;margin-left:5px}.admin-topbar nav{display:flex;height:100%;align-items:center;gap:4px}.admin-topbar nav a{color:#fff;text-decoration:none;font-size:14px;padding:8px 12px;border:1px solid transparent}.admin-topbar nav a:hover,.admin-topbar nav a.active{background:#fff;color:#000;border-color:#fff}.admin-topbar form{margin-left:auto}.admin-topbar button{border:1px solid #fff;background:#000;color:#fff;padding:7px 11px;cursor:pointer}.admin-topbar button:hover{background:#fff;color:#000}.admin-shell{max-width:1040px;padding-top:42px}.admin-page .eyebrow{color:#000}.admin-page h1,.admin-page h2,.admin-page h3,.admin-page p,.admin-page td{color:#000}.page-copy{margin:0 0 28px;color:#000}.admin-page .notice{border:1px solid #000;background:#fff;color:#000}.admin-page .success,.admin-page .error{background:#fff;color:#000}.admin-page .admin-card{border:1px solid #000;border-radius:3px;box-shadow:none;background:#fff}.admin-page .admin-form label{color:#000}.admin-page input,.admin-page select{border:1px solid #000;border-radius:3px;color:#000}.admin-page input:focus,.admin-page select:focus{border-color:#000;box-shadow:0 0 0 1px #000}.admin-page .primary{border-radius:3px;background:#000;color:#fff;box-shadow:none}.admin-page .primary:hover{background:#222}.admin-page .field-error{color:#000;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stat-grid article{border:1px solid #000;padding:22px;display:flex;flex-direction:column;align-items:flex-start}.stat-grid span{font-size:11px;font-weight:800;letter-spacing:1px}.stat-grid strong{font-size:42px;line-height:1;margin:18px 0;color:#000}.stat-grid a{background:#000;color:#fff;text-decoration:none;padding:9px 12px;font-size:13px;font-weight:700}.table-wrap{overflow:auto}.admin-page table{width:100%;border-collapse:collapse;margin-top:18px;text-align:left}.admin-page th{background:#000;color:#fff;padding:11px 12px;font-size:12px}.admin-page td{border-bottom:1px solid #000;padding:12px;font-size:14px}.admin-page td code{background:#000;color:#fff;padding:4px 7px;border-radius:3px;font-weight:800}.admin-page tr:last-child td{border-bottom:0}.admin-page .admin-grid{align-items:start}.admin-page .admin-card h2{padding-bottom:1px}@media(max-width:650px){.admin-topbar{padding:0 14px;gap:10px}.admin-topbar .brand span{display:none}.admin-topbar nav a{padding:7px 8px;font-size:12px}.admin-topbar button{font-size:12px;padding:6px 8px}.stat-grid{grid-template-columns:1fr}}