:root{--ink:#17202a;--muted:#6b7280;--line:#e5e7eb;--paper:#f5f6f8;--white:#fff;--nav:#151a21;--orange:#ff5b35;--blue:#356ae6;--green:#16845b;--amber:#b66a09;--red:#c33b42;--r:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--orange);color:#fff;font-weight:800;margin:auto}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:var(--nav)}.login-art{padding:64px;display:flex;flex-direction:column;justify-content:space-between;color:white;background:radial-gradient(circle at 30% 30%,#303945 0,transparent 32%),var(--nav)}.login-art h1{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.06em;line-height:.94;max-width:700px;margin:0}.login-art p{max-width:550px;color:#bdc4cc;font-size:1.08rem;line-height:1.6}.login-panel{background:#fff;padding:clamp(32px,7vw,100px);display:grid;align-content:center}.login-panel h2{font-size:2rem;margin:0 0 8px}.sub{color:var(--muted);margin:0 0 32px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:.86rem;font-weight:650}.field input,.field select,.field textarea{width:100%;border:1px solid #d7dbe0;border-radius:10px;padding:12px 13px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #356ae618}.primary{border:0;background:var(--orange);color:#fff;border-radius:10px;padding:12px 18px;font-weight:700}.primary:hover{filter:brightness(.96)}.demo{margin-top:24px;background:#f6f7f9;border:1px solid var(--line);padding:14px;border-radius:12px;font-size:.84rem;color:var(--muted);line-height:1.7}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.1rem;padding:0 8px 28px}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;color:#aeb6c0;padding:11px 12px;border-radius:9px;text-align:left;display:flex;gap:10px;align-items:center}.nav button.active,.nav button:hover{background:#252c35;color:#fff}.userbox{margin-top:auto;border-top:1px solid #303640;padding:20px 8px 0}.userbox strong{display:block;font-size:.9rem}.userbox small{color:#959eaa}.logout{background:transparent;border:0;color:#959eaa;padding:12px 0 0}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.topbar h1{font-size:1.35rem;margin:0;letter-spacing:-.02em}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn,.secondary{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px}.icon-btn{position:relative}.dot{position:absolute;right:7px;top:6px;width:7px;height:7px;background:var(--orange);border:2px solid #fff;border-radius:99px}.content{padding:28px 32px 44px;max-width:1600px;margin:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:left;color:inherit}.metric.clickable:hover{border-color:#b9c5dc;box-shadow:0 8px 24px #17202a0d;transform:translateY(-1px)}.metric b{display:block;font-size:1.75rem;margin-top:6px}.metric span{font-size:.83rem;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;gap:12px}.toolbar h2{margin:0;font-size:1.1rem}.toolbar-group{display:flex;gap:8px}.calendar{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.cal-head,.cal-row{display:grid;grid-template-columns:180px repeat(7,minmax(140px,1fr))}.cal-head{background:#f8f9fb;border-bottom:1px solid var(--line)}.cal-head>div{padding:14px;border-left:1px solid var(--line);font-size:.8rem;color:var(--muted)}.cal-head strong{display:block;color:var(--ink);font-size:.9rem;margin-top:3px}.cal-row{min-height:132px;border-bottom:1px solid var(--line)}.cal-row:last-child{border:0}.person{padding:18px;border-right:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8edf6;color:#35588f;font-weight:750;margin-bottom:8px}.person strong{font-size:.9rem}.cell{position:relative;border-right:1px solid var(--line);padding:8px;min-height:132px;background:linear-gradient(to bottom,transparent 49%,#eef0f3 50%,transparent 51%)}.event{border:0;border-left:4px solid var(--blue);background:#edf3ff;color:#20365d;border-radius:8px;padding:9px;text-align:left;width:100%;margin-bottom:6px}.event.returned{border-color:var(--red);background:#fff0f1}.event.accepted_material{border-color:var(--green);background:#eaf8f2}.event b,.event span{display:block}.event b{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event span{font-size:.73rem;margin-top:3px;color:#536174}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:.75rem;font-weight:700;background:#eef1f5;color:#52606f}.badge.assigned{background:#fff1dc;color:#995508}.badge.accepted,.badge.shot{background:#e8f0ff;color:#2858b8}.badge.uploaded{background:#f0eaff;color:#6546af}.badge.returned{background:#ffeaec;color:#a82e39}.badge.accepted_material{background:#e6f7ef;color:#0c704a}.cards{display:grid;gap:12px}.shoot-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;grid-template-columns:minmax(220px,1.4fr) 1fr auto;gap:22px;align-items:center}.shoot-card h3{margin:0 0 6px}.muted{color:var(--muted);font-size:.86rem}.dayline{display:flex;align-items:center;gap:9px;margin:6px 0}.drawer-back{position:fixed;inset:0;background:#11182766;z-index:20}.drawer{position:absolute;right:0;top:0;height:100%;width:min(620px,100%);background:#fff;padding:28px;overflow:auto;box-shadow:-20px 0 60px #11182722}.drawer-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.drawer h2{margin:0}.close{border:0;background:#f0f2f5;border-radius:9px;width:38px;height:38px}.details{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info{background:#f7f8fa;border-radius:10px;padding:12px}.info span{display:block;color:var(--muted);font-size:.76rem;margin-bottom:4px}.days-list{margin-top:20px;display:grid;gap:10px}.day-card{border:1px solid var(--line);border-radius:12px;padding:15px}.day-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.small{padding:8px 11px;font-size:.82rem}.danger{color:var(--red)}.modal-back{position:fixed;inset:0;background:#11182766;z-index:30;display:grid;place-items:center;padding:16px}.modal{background:#fff;border-radius:16px;padding:25px;width:min(720px,100%);max-height:94vh;overflow:auto}.modal h2{margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.wide{grid-column:1/-1}.day-form{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.4fr auto;gap:8px;align-items:end;background:#f6f7f9;padding:12px;border-radius:11px;margin-bottom:8px}.day-form .field{margin:0}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:700;padding:8px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.notice-panel{position:fixed;right:24px;top:84px;width:min(400px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:14px;z-index:12;box-shadow:0 18px 50px #11182722;padding:8px}.notice{padding:12px;border-bottom:1px solid var(--line)}.notice:last-child{border:0}.notice b{display:block;font-size:.86rem}.notice p{margin:5px 0;color:var(--muted);font-size:.8rem}.empty{text-align:center;padding:42px;color:var(--muted)}#toast{position:fixed;right:22px;bottom:22px;z-index:50}.toast{background:#17202a;color:#fff;padding:13px 16px;border-radius:10px;box-shadow:0 12px 30px #0003;margin-top:8px}.toast.error{background:#a92f38}.mobile-nav{display:none}
.square{width:42px;padding:10px;display:grid;place-items:center}.calendar-cell{cursor:pointer;transition:background .15s ease}.calendar-cell:hover,.calendar-cell:focus-visible{background-color:#f4f7ff;outline:0;box-shadow:inset 0 0 0 2px #356ae633}.date-picker-back,.date-drawer-back{position:fixed;inset:0;background:#11182755;z-index:40;display:grid;place-items:start center;padding-top:110px}.date-picker{width:min(380px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 24px 70px #11182733}.picker-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;margin-bottom:14px}.picker-arrow{border:0;background:#f1f3f6;border-radius:9px;width:38px;height:38px;font-size:1.25rem}.picker-weekdays,.picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.picker-weekdays span{text-align:center;color:var(--muted);font-size:.72rem;padding:5px 0}.picker-day{aspect-ratio:1;border:0;border-radius:9px;background:transparent;color:var(--ink)}.picker-day:hover{background:#edf3ff}.picker-day.other{color:#b1b7c0}.picker-day.today{box-shadow:inset 0 0 0 2px var(--orange);font-weight:750}.picker-day.selected{background:var(--blue);color:#fff;box-shadow:none}.picker-foot{display:flex;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.date-drawer-back{place-items:stretch end;padding:0}.date-drawer{width:min(520px,100%);height:100%;background:#fff;padding:28px;overflow:auto;box-shadow:-20px 0 60px #11182722}
.dot{right:5px;top:4px;width:12px;height:12px;background:#e53935}.notice{position:relative;padding-right:42px}.notice.unread{background:#fff8f5}.notice-delete{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#8b929c;border-radius:7px;width:30px;height:30px;font-size:1.15rem}.notice-delete:hover{background:#f0f2f5;color:var(--red)}
.calendar-mode{position:relative}.calendar-mode>input{position:absolute;opacity:0;pointer-events:none}.calendar-mode>label{display:inline-block;border:1px solid var(--line);background:#fff;padding:9px 16px;cursor:pointer;font-weight:700;color:var(--muted)}.calendar-mode>label:nth-of-type(1){border-radius:10px 0 0 10px}.calendar-mode>label:nth-of-type(2){border-radius:0 10px 10px 0;margin-left:-1px}.calendar-mode>#mode-week:checked+label,.calendar-mode>#mode-month:checked+label{background:var(--nav);border-color:var(--nav);color:#fff}.week-mode,.month-mode{display:none;margin-top:18px}.calendar-mode>#mode-week:checked~.week-mode,.calendar-mode>#mode-month:checked~.month-mode{display:block}.calendar-view-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.calendar-view-head h2{margin:0 0 4px}.calendar-view-head span{color:var(--muted);font-size:.84rem}.calendar-view-head .secondary{text-decoration:none;color:var(--ink)}.week-scroll,.month-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border:1px solid var(--line);border-radius:var(--r);background:#fff}.week-page,.month-page{flex:0 0 100%;min-width:100%;scroll-snap-align:start;overflow:auto}.week-title{font-weight:800;padding:16px 18px;border-bottom:1px solid var(--line)}.cal-head>a{padding:14px;border-left:1px solid var(--line);font-size:.8rem;color:var(--muted);text-decoration:none}.cal-head>a strong{display:block;color:var(--ink);font-size:.9rem;margin-top:3px}.calendar-cell{text-decoration:none;color:inherit;display:block}.calendar-cell .event{display:block}.calendar-cell .event small{display:block;font-size:.73rem;margin-top:3px;color:#536174}.month-page{padding:18px}.month-page h2{margin:0 0 16px}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.month-weekdays span{text-align:center;color:var(--muted);font-size:.78rem;padding:8px}.month-day{min-height:112px;border-top:1px solid var(--line);border-left:1px solid var(--line);padding:9px;text-decoration:none;color:var(--ink);overflow:hidden}.month-day:nth-child(7n){border-right:1px solid var(--line)}.month-day:nth-last-child(-n+7){border-bottom:1px solid var(--line)}.month-day.other{background:#fafafa;color:#a8aeb7}.month-day.today>b{display:inline-grid;place-items:center;background:var(--orange);color:#fff;border-radius:99px;min-width:26px;height:26px}.month-events{display:grid;gap:4px;margin-top:7px}.month-events span{display:block;background:#edf3ff;color:#294d8d;border-radius:5px;padding:4px 5px;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-events small{font-size:.67rem;color:var(--muted)}.calendar-day-modal{display:none;position:fixed;inset:0;z-index:60;place-items:center;padding:20px}.calendar-day-modal:target{display:grid}.calendar-modal-shade{position:absolute;inset:0;background:#11182766}.calendar-day-modal>section{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 24px 70px #11182744}.calendar-day-modal .close{display:grid;place-items:center;text-decoration:none;color:var(--ink)}
.card-link{text-decoration:none;color:var(--ink);display:inline-flex}.calendar-shoot-modal{display:none;position:fixed;inset:0;z-index:70}.calendar-shoot-modal:target{display:block}.calendar-shoot-modal>aside{position:absolute;right:0;top:0;height:100%;width:min(620px,100%);background:#fff;padding:28px;overflow:auto;box-shadow:-20px 0 60px #11182733}.calendar-shoot-modal .calendar-modal-shade{background:#11182766}.calendar-shoot-modal .close{display:grid;place-items:center;text-decoration:none;color:var(--ink)}
@media(max-width:1000px){.shell{grid-template-columns:82px 1fr}.sidebar{padding:20px 12px}.brand strong,.nav span,.userbox strong,.userbox small,.logout{display:none}.brand{justify-content:center;padding:0 0 24px}.nav button{justify-content:center}.metrics{grid-template-columns:1fr 1fr}.cal-head,.cal-row{grid-template-columns:140px repeat(7,180px)}.calendar{overflow:auto}.shoot-card{grid-template-columns:1fr auto}.shoot-card>div:nth-child(2){grid-column:1/-1;grid-row:2}.content{padding:22px}.topbar{padding:0 22px}.month-day{min-height:96px}}
@media(max-width:700px){.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:28px}.shell{display:block}.sidebar{display:none}.topbar{height:66px;padding:0 16px}.content{padding:16px 14px 88px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px}.metric b{font-size:1.35rem}.toolbar{align-items:flex-start}.toolbar-group{flex-wrap:wrap;justify-content:flex-end}.toolbar-group .secondary{display:block;padding:8px 10px}.cal-head,.cal-row{grid-template-columns:110px repeat(7,170px)}.shoot-card{grid-template-columns:1fr}.shoot-card>button{justify-self:start}.details,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.day-form{grid-template-columns:1fr 1fr}.day-form .field:first-child,.day-form .field:nth-child(4){grid-column:1/-1}.drawer{padding:20px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:9;justify-content:space-around;padding:8px}.mobile-nav button{border:0;background:transparent;font-size:.72rem;color:var(--muted);display:grid;gap:3px}.mobile-nav button.active{color:var(--orange)}}