html,body,#root{height:100%;margin:0}body{color:#20342c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f9f7;font-family:Inter,PingFang SC,Microsoft YaHei,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--bg:#f5f9f7;--bg-elevated:#fff;--panel:#fff;--soft:#f1f7f4;--line:#dce9e2;--line-faint:#eaf2ee;--text:#20342c;--sub:#64756d;--muted:#98aaa1;--brand:#168b69;--brand-strong:#087455;--brand-soft:#dff5eb;--danger:#dc5a57;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}.app-shell{background:radial-gradient(circle at 80% -10%, #e1f8ee 0, transparent 31rem), var(--bg);min-height:100vh;color:var(--text);grid-template-columns:240px 1fr;display:grid}.app-sidebar{border-right:1px solid var(--line-faint);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;flex-direction:column;gap:22px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{color:var(--text);letter-spacing:.3px;align-items:center;gap:10px;font-size:16px;font-weight:750;display:flex}.brand-dot{background:linear-gradient(135deg,#22b787,#b3de55);border-radius:50%;width:10px;height:10px;box-shadow:0 4px 12px #168b6938}.sidebar-section{flex-direction:column;gap:8px;display:flex}.sidebar-section-title{letter-spacing:1.2px;color:#809188;text-transform:uppercase;font-size:11px;font-weight:600}.sidebar-search{width:100%;font-size:13px}.sidebar-clear{align-self:flex-start}.sidebar-hint{color:var(--sub);font-size:12px;line-height:1.5}.sync-pill{border:1px solid var(--line);color:var(--sub);background:#f8fbf9;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:12px;display:inline-flex}.sync-pill .sync-dot{background:#52525b;border-radius:50%;width:8px;height:8px}.sync-pill.is-on{color:#168b69;background:#edfaf3;border-color:#b8e7ce}.sync-pill.is-on .sync-dot{background:#23b77a;box-shadow:0 0 0 3px #d9f4e6}.sidebar-stat{border:1px solid var(--line-faint);color:var(--sub);background:#f8fbf9;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.sidebar-stat strong{color:var(--text);font-size:15px;font-weight:600}.calendar-app{min-height:100vh;color:var(--text);padding:28px clamp(18px,3vw,42px)}.app-header{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:16px 18px;display:flex;box-shadow:0 10px 28px #254c3d0f}.header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.month-switch{align-items:center;gap:10px;display:flex}h1{color:var(--text);letter-spacing:.2px;margin:0;font-size:24px;font-weight:750}h2{color:var(--text)}button,.import-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:7px 12px;font-size:13.5px;transition:background-color .14s,border-color .14s,color .14s}button:hover,.import-btn:hover{background:#ffffff0d;border-color:#ffffff2e}.create-btn{background:var(--brand);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 6px 18px #4f46e559}.create-btn:hover{background:var(--brand-strong);border-color:#0000}.secondary-btn:hover{color:var(--text)}.danger-btn{color:#fca5a5;background:#ef444429;border-color:#ef444473;margin-right:auto}.danger-btn:hover{color:#fecaca;background:#ef44443d}.danger-btn.small,.secondary-btn.small{margin-right:0;padding:6px 10px;font-size:12.5px}.delete-mode-toggle{color:#fca5a5;background:#ef444414;border:1px solid #ef444452;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.delete-mode-toggle input{accent-color:var(--danger)}.import-btn{align-items:center;gap:8px;display:inline-flex}.import-btn input{display:none}.staff-tip{color:var(--sub);margin:0 0 12px;font-size:13px}.staff-relink-banner{color:#facc15;background:#eab3081a;border:1px solid #eab30833;border-radius:10px;margin:0 0 12px;padding:10px 14px;font-size:13.5px;line-height:1.55}.calendar-board{border:1px solid var(--line-faint);border-radius:var(--radius);background:#ffffff04;overflow:hidden}.weekday-row,.week-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;display:grid}.weekday{text-align:center;color:var(--sub);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #ffffff0d;padding:10px 0;font-size:12.5px;font-weight:600}.weekday+.weekday{border-left:1px solid #ffffff0d}.week-block{margin:0}.day-cell{background:0 0;border-bottom:1px solid #ffffff0d;min-height:64px;padding:6px 8px}.day-cell+.day-cell{border-left:1px solid #ffffff0d}.day-cell.muted{color:var(--muted);background:#ffffff04}.day-number{color:var(--text);font-size:14px;font-weight:600}.week-lines{background:0 0;border-bottom:1px solid #ffffff0d;position:relative}.project-line{background:var(--block-bg,#4f46e533);height:22px;color:var(--block-fg,#818cf8);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:none;border-radius:4px;justify-content:flex-start;align-items:center;padding-inline:8px;font-size:12.5px;font-weight:500;transition:background-color .14s,transform .14s,box-shadow .14s;display:flex;position:absolute;overflow:hidden}.project-line.continued-left{border-top-left-radius:0;border-bottom-left-radius:0}.project-line.continued-right{border-top-right-radius:0;border-bottom-right-radius:0}.project-line.continued-left:before{content:"‹";opacity:.6;margin-right:4px}.project-line.continued-right:after{content:"›";opacity:.6;margin-left:4px}.project-line.delete-mode{color:#fca5a5;background:#ef444433;outline:1px dashed #ef444466}.modal-mask{-webkit-backdrop-filter:blur(8px);z-index:50;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.project-modal{background:var(--panel);width:min(760px,100%);max-height:90vh;color:var(--text);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;overflow:auto;box-shadow:0 28px 70px #0009}.project-modal label,.project-modal fieldset{color:var(--text);flex-direction:column;gap:6px;display:flex}input,select{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:10px;padding:8px 10px;font-size:13.5px}input:focus,select:focus{background:#ffffff0a;border-color:#6366f18c;outline:none;box-shadow:0 0 0 3px #4f46e538}.date-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}fieldset{border:1px solid var(--line-faint);background:#ffffff05;border-radius:12px;padding:12px}.fieldset-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.fieldset-head h2,.fieldset-head legend{margin:0}legend{color:var(--text);padding:0 4px;font-size:13px;font-weight:600}.selected-inline-tip{color:var(--sub);margin-bottom:8px;font-size:12px}.select-grid{border:1px solid var(--line-faint);color:var(--text);background:#ffffff05;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;padding:10px;display:grid}.select-grid label{flex-direction:row;align-items:center;gap:6px;font-size:13px;display:flex}.manager-candidate-wrap{flex-direction:column;gap:10px;display:flex}.manager-candidate-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.manager-selected-count{color:var(--sub);font-size:12.5px}.manager-check-item{align-items:center;gap:6px;font-size:13px;display:flex}.manager-check-item label{cursor:pointer;color:var(--text);flex-direction:row;gap:0}.assignment-tip,.assignment-empty{color:var(--sub);font-size:13px}.assignment-rows{flex-direction:column;gap:8px;margin:6px 0 10px;display:flex}.assignment-row{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:8px;display:grid}.assignment-actions{gap:6px;display:inline-flex}.people-picker{position:relative}.people-picker-summary{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:10px;padding:8px 10px;font-size:13.5px;list-style:none}.people-picker-summary::-webkit-details-marker{display:none}.people-picker-summary:after{content:"▾";float:right;color:var(--sub)}.people-picker[open] .people-picker-summary:after{content:"▴"}.people-picker-panel{z-index:20;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:min(560px,72vw);padding:10px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 18px 38px #00000073}.people-picker-search{width:100%;margin-bottom:8px}.people-picker-actions{gap:6px;margin-bottom:8px;display:flex}.people-picker-companies,.trade-tags{flex-wrap:wrap;gap:6px;display:flex}.trade-tags{background:#ffffff0a;border-radius:10px;align-items:center;min-height:42px;padding:6px 10px}.trade-tag{color:#5eead4;background:#2dd4bf2e;border-radius:999px;padding:4px 9px;font-size:13px}.people-picker-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;max-height:220px;display:grid;overflow:auto}.people-picker-item{color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.people-picker-label{white-space:nowrap;text-overflow:ellipsis;color:var(--sub);overflow:hidden}.people-picker-empty{color:var(--sub);font-size:13px}.picked-summary{color:var(--sub);background:#ffffff05;border:1px dashed #ffffff1f;border-radius:10px;flex-direction:column;gap:5px;padding:10px 12px;font-size:13.5px;display:flex}.details-modal .detail-item{color:var(--text);line-height:1.6}.details-mode-body{flex-direction:column;gap:10px;display:flex}.assignment-list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.assignment-group{border:1px solid var(--line-faint);background:#ffffff05;border-radius:10px;padding:8px}.assignment-group-title{color:var(--sub);margin-bottom:5px;font-size:13px;font-weight:600}.assignment-list-item{border:1px solid var(--line-faint);color:var(--text);background:#ffffff05;border-radius:8px;padding:5px 9px;font-size:13px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}button,.import-btn{border-color:var(--line);color:#355147;background:#fff;border-radius:10px;font-weight:600}button:hover,.import-btn:hover{color:var(--brand-strong);background:#f2faf6;border-color:#b7d9c8}.create-btn{background:var(--brand);box-shadow:0 7px 16px #168b692e}.create-btn:hover{background:var(--brand-strong);color:#fff;transform:translateY(-1px)}.secondary-btn{color:#547065;background:#f8fbf9}.secondary-btn.active,.people-picker-companies .active{background:var(--brand-soft);color:var(--brand-strong);border-color:#b1dfca}.danger-btn,.delete-mode-toggle{color:#bf4745;background:#fff5f4;border-color:#f5c8c4}.lock-btn{color:#13785f;background:#f0fbf8;border-color:#b9e4dc}.lock-btn:hover{background:#def7ef}.staff-tip{color:#74867d;margin:0 0 16px;padding-left:2px}.staff-relink-banner{color:#88671b;background:#fffaf0;border-color:#f1dfad}.staff-relink-banner strong{color:#6f5313}.calendar-board{border-color:var(--line);background:#fff;box-shadow:0 12px 32px #254c3d0f}.weekday{color:#6c8177;border-bottom-color:var(--line);background:#f7fbf8;padding:13px 0}.weekday+.weekday,.day-cell+.day-cell,.day-cell,.week-lines{border-color:var(--line-faint)}.day-cell{background:#fff;min-height:76px}.day-cell.muted{background:#fbfcfb}.day-number{color:#355147}.day-cell.muted .day-number{color:#afbeb7}.week-lines{background:linear-gradient(90deg,#f8fbf9,#fff 14% 86%,#f8fbf9)}.project-line{border:1px solid var(--block-border,transparent);border-radius:7px;height:24px;padding-inline:9px;box-shadow:0 3px 8px #254c3d14}.project-line:hover{background:var(--block-bg);box-shadow:0 5px 14px #254c3d29}.project-line.delete-mode{color:#be4c49;background:#fff0ef;outline-color:#e9a39d}.modal-mask{-webkit-backdrop-filter:blur(5px);background:#1e352b38}.project-modal{border-color:var(--line);color:var(--text);background:#fff;box-shadow:0 26px 70px #1f413233}.project-modal h2{color:#1f3f34}.project-modal>h2{letter-spacing:-.025em;margin:0 0 4px;padding-left:14px;font-size:22px;position:relative}.project-modal>h2:before{background:var(--brand);content:"";border-radius:99px;width:4px;height:1.15em;position:absolute;top:.18em;left:0}.project-modal{border-radius:20px;gap:16px;padding:26px}.project-modal>label,.date-row>label{color:#496258;font-size:13px;font-weight:700}.project-modal input,.project-modal select,.people-picker-summary{box-sizing:border-box;min-height:42px}.project-modal fieldset{border-radius:14px;padding:16px}.project-modal legend{color:#355147;padding:0 7px;font-size:14px}.assignment-tip{margin:2px 0 10px;line-height:1.6}.assignment-row{background:#fff;border:1px solid #e3eee8;border-radius:12px;padding:10px}.picked-summary{color:#5d7469;background:#f5fbf7;border-style:solid;border-color:#dcebe3;gap:7px}.modal-actions{margin-top:2px;padding-top:4px}.modal-actions button{min-height:40px;padding-inline:16px}input,select,.people-picker-summary{border-color:var(--line);color:#29463b;background:#fbfdfc}input::placeholder{color:#a5b6ae}input:focus,select:focus{background:#fff;border-color:#6fc7a7;box-shadow:0 0 0 3px #2cae7d21}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}fieldset,.select-grid,.assignment-group,.assignment-list-item,.picked-summary{border-color:var(--line-faint);background:#fbfdfc}legend{color:#355147}.selected-inline-tip,.assignment-tip,.assignment-empty,.manager-selected-count,.people-picker-label,.people-picker-empty,.assignment-group-title{color:#71847b}.people-picker-panel{border-color:var(--line);background:#fff;box-shadow:0 16px 36px #254c3d26}.trade-tags{background:#f3faf6}.trade-tag{color:#13785f;background:#dff5eb}.details-modal .detail-item,.assignment-list-item{color:#355147}.auth-screen{box-sizing:border-box;background:radial-gradient(circle at 14% 16%,#69d3a533,#0000 28rem),radial-gradient(circle at 86% 84%,#7cc0dc26,#0000 24rem),#f5f9f7;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-card{box-sizing:border-box;background:#fffffff0;border:1px solid #c9ddd3e0;border-radius:22px;width:min(100%,440px);padding:42px;box-shadow:0 22px 55px #23533e1f}.auth-mark{color:#fff;background:linear-gradient(135deg,#25b483,#128363);border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:18px;font-size:18px;font-weight:800;display:grid;box-shadow:0 8px 16px #168b6933}.auth-kicker{color:#188867;letter-spacing:.12em;margin:0 0 8px;font-size:11px;font-weight:800}.auth-card h1{color:#1f3f34;letter-spacing:-.03em;margin:0;font-size:28px}.auth-description{color:#6a8176;margin:12px 0 26px;line-height:1.7}.auth-form{gap:9px;display:grid}.auth-form label{color:#355147;font-size:13px;font-weight:700}.auth-form input{box-sizing:border-box;width:100%;min-height:46px;font:inherit;border-radius:10px;padding:11px 13px}.auth-submit{border-color:var(--brand);background:var(--brand);color:#fff;width:100%;min-height:46px;margin-top:8px;box-shadow:0 8px 16px #168b692b}.auth-submit:hover{background:var(--brand-strong);color:#fff;transform:translateY(-1px)}.auth-message{color:#34705b;background:#f0faf5;border-radius:9px;margin:18px 0 0;padding:10px 12px;font-size:13px;line-height:1.55}.auth-note{color:#9aaba4;text-align:center;margin:23px 0 0;font-size:12px}@media (width<=1024px){.app-shell{grid-template-columns:200px 1fr}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #ffffff0d;border-right:none;flex-flow:wrap;gap:14px;height:auto;padding:14px;position:static}.sidebar-section{flex:180px}.people-picker-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.calendar-app{padding:12px}.app-header,.month-switch{flex-direction:column;align-items:stretch}.date-row,.select-grid,.assignment-row{grid-template-columns:1fr}.people-picker-panel{width:min(92vw,560px)}.project-modal{max-height:calc(100vh - 24px);padding:20px}}