@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";:root{--navy:#12283f;--navy-active:#1e3a56;--teal:#0f766e;--teal-tint:#e7f5f2;--bg:#f4f5f7;--card:#fff;--border:#e7e9ee;--text:#12181f;--text-secondary:#6b7686;--text-muted:#9aa3b0;--amber:#b45309;--amber-bg:#fffbeb;--amber-border:#f3d9a6}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:IBM Plex Sans,-apple-system,Segoe UI,sans-serif}a{color:var(--teal);text-decoration:none}a:hover{color:#0b5c56}button{cursor:pointer;font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#e7ecf3;flex-direction:column;flex:none;gap:28px;width:232px;padding:28px 18px;display:flex}.brand{align-items:center;gap:10px;padding:0 6px;display:flex}.brand-mark{background:linear-gradient(135deg, #1e9e8c, var(--navy));border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.brand-name{letter-spacing:.2px;font-size:15px;font-weight:600}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:#a9b7c7;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.nav-item svg{opacity:.9;flex:none}.nav-item.active{background:var(--navy-active);color:#fff}.sidebar-footer{flex-direction:column;gap:6px;margin-top:auto;display:flex}.sidebar-footer .logout-item{color:#c65757}.sidebar-footer .logout-item:hover{color:#ff9d9d;background:#c6575726}.person-row{border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.avatar.sm{width:24px;height:24px;font-size:10.5px}.person-meta{flex-direction:column;line-height:1.25;display:flex}.person-name{color:#eaf0f7;font-size:13px;font-weight:600}.person-role{color:#7c8fa6;font-size:11px}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:16px;padding:22px 32px;display:flex}.topbar-title{color:var(--text);font-size:19px;font-weight:600}.topbar-sub{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.topbar-right{align-items:center;gap:12px;display:flex}.date-input{color:var(--text);border:1px solid #d8dce3;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}.btn-primary{background:var(--teal);color:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;display:flex}.btn-primary:hover{background:#0b5c56}.btn-secondary{color:#384253;background:#fff;border:1px solid #d8dce3;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;display:flex}.btn-secondary:hover{background:#f7f8fa}.btn-icon{color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-icon:hover{color:var(--text);background:#f0f1f4}.content{flex:1;padding:26px 32px;overflow:auto}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.chip{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d8dce3;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.chip.on{color:#fff;border-color:#0000}.hour-grid-scroll{overflow-x:auto}.hour-grid{border:1px solid var(--border);background:var(--border);grid-template-columns:84px repeat(var(--cols,1), minmax(0, 1fr));border-radius:12px;gap:1px;display:grid;overflow:hidden}.hg-cell-head{background:var(--card);align-items:center;gap:8px;padding:12px 10px;display:flex}.hg-cell-head.hour-head{letter-spacing:.4px;color:var(--text-muted);justify-content:center;font-size:11px;font-weight:700}.hg-hour{color:#4b5563;background:#fafafb;justify-content:center;align-items:center;padding:10px 8px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;display:flex}.hg-cell{background:var(--card);align-items:stretch;padding:8px;display:flex}.hg-cell-stack{flex-direction:column;gap:6px}.hg-empty-cell{border:1.5px dashed #e4e7ec;border-radius:9px;flex:1}.empty-state{text-align:center;color:var(--text-muted);padding:40px 0;font-size:13px}.event-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;flex:1;gap:5px;padding:10px 11px;font-family:inherit;display:flex}.event-card:hover{filter:brightness(.98)}.event-card-row{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.event-title{color:#171e27;font-size:12.5px;font-weight:600;line-height:1.3}.event-loc{color:var(--text-secondary);align-items:flex-start;gap:5px;margin-top:2px;font-size:10.5px;line-height:1.35;display:flex}.event-loc svg{flex:none;margin-top:1px}.event-time-badge{color:var(--teal);background:var(--teal-tint);border-radius:6px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500}.badge-imp{color:#92400e;letter-spacing:.2px;background:#fef3c7;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.timeline-card{border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:left;border-radius:12px;flex-direction:row;align-items:flex-start;gap:14px;width:100%;padding:16px;font-family:inherit;display:flex}.timeline-card:hover{border-color:#cfd4dc}.timeline-time{min-width:60px}.timeline-body{flex-direction:column;flex:1;gap:4px;display:flex}.timeline-body .event-title{font-size:14px}.empty-card{text-align:center;color:var(--text-muted);border:1.5px dashed #d9dce2;border-radius:12px;padding:22px 14px;font-size:12.5px}.modal-overlay{z-index:50;background:#0f141c73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:460px;max-width:100%;max-height:90vh;padding:26px;display:flex;overflow:auto;box-shadow:0 24px 60px #00000047}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text);font-size:16px;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-secondary);font-size:11.5px;font-weight:600}.field input,.field select{color:var(--text);border:1px solid #d8dce3;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.person-select-row{flex-wrap:wrap;gap:8px;display:flex}.important-toggle-row{border:1px solid var(--amber-border);background:var(--amber-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.important-toggle-label{color:#92400e;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.switch{border:none;border-radius:999px;flex:none;width:34px;height:20px;padding:0;position:relative}.switch .knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.detail-hero{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-direction:column;gap:14px;padding:22px;display:flex}.detail-hero.important{border-color:var(--amber-border);background:var(--amber-bg)}.detail-meta-row{color:#4b5563;align-items:center;gap:8px;font-size:13px;display:flex}.detail-created-by{color:var(--text-muted);margin-top:2px;font-size:11.5px}.detail-title{color:#171e27;font-size:19px;font-weight:700}.error-text{color:#be123c;font-size:12.5px}.loading-text{color:var(--text-muted);padding:24px;font-size:13px}.login-screen{background:var(--navy);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:16px;flex-direction:column;gap:18px;width:360px;max-width:100%;padding:32px 28px;display:flex;box-shadow:0 24px 60px #00000059}.login-brand{align-items:center;gap:10px;margin-bottom:6px;display:flex}.login-brand .brand-name{color:var(--text);font-size:17px;font-weight:700}.login-submit{justify-content:center;margin-top:4px}.users-list{flex-direction:column;gap:10px;display:flex}.user-row{border:1px solid var(--border);background:var(--card);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.bottom-nav{z-index:40;background:var(--navy);padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#a9b7c7;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:58px;font-size:10.5px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item svg{opacity:.9}.bottom-nav-item.active{color:#fff}@media (width<=860px){.sidebar{display:none}.bottom-nav{display:flex}.main{padding-bottom:58px}.topbar{z-index:20;flex-direction:column;align-items:stretch;gap:12px;padding:16px;position:sticky;top:0}.topbar-right{width:100%}.topbar-right .date-input{flex:1;min-width:0}.topbar .btn-primary{flex:none;justify-content:center}.date-input,.btn-primary,.btn-secondary{min-height:44px}.content{padding:16px 16px 28px}.chip{min-height:40px;padding:9px 14px}.hour-grid-scroll{-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.hour-grid{grid-template-columns:64px repeat(var(--cols,1), 190px);width:max-content;min-width:100%;overflow:visible}.hg-cell-head.hour-head,.hg-hour{z-index:3;box-shadow:1px 0 0 var(--border);position:sticky;left:0}.field-row{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;width:100%;max-height:92vh;padding:20px}.btn-icon{padding:8px}}