:root{--bg:#f4f4f4;--surface:#fff;--surface-muted:#f8f8f8;--border:#dde3e8;--border-strong:#c8d0d8;--text:#101317;--text-soft:#5d6b77;--primary:#e0702a;--primary-hover:#c75f1e;--success-bg:#e9f8ef;--success-border:#b9e5c8;--success-text:#146c2e;--error-bg:#fdeeee;--error-border:#f2c3c3;--error-text:#a12626;--highlight-bg:#fff4eb;--shadow:0 8px 24px #010e2014;--radius:18px;--radius-sm:12px}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Lato,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0;font-family:Josefin Sans,sans-serif}p{margin:0}input,select,textarea,button{font-family:inherit}#root{display:contents}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:12px 18px;font-size:14px;font-weight:700;line-height:1;transition:background .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:12px 18px;font-size:14px;font-weight:700;line-height:1;transition:background .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:#f8fafc}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:12px 18px;font-size:14px;font-weight:700;line-height:1;transition:background .15s;display:inline-flex}.btn-danger:hover:not(:disabled){background:#fad4d4}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.banner{border-radius:14px;margin-bottom:20px;padding:14px 16px;font-size:14px;font-weight:600}.banner-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.banner-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.card-header h2{font-size:18px;font-weight:700}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-header h1{margin:0 0 8px;font-size:34px;font-weight:700}.page-subtitle{color:var(--text-soft);margin:0;font-size:15px}.page-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.field-wrap{flex-direction:column;gap:4px;margin-bottom:18px;display:flex}.field-label{color:var(--text);font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:700}.field-help{color:var(--text-soft);margin-bottom:4px;font-size:13px;line-height:1.45}.field-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;max-width:480px;color:var(--text);background:#fff;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e0702a2e}.field-input::placeholder{color:var(--text-soft)}.field-input:disabled{background:var(--surface-muted);color:var(--text-soft);cursor:not-allowed}.field-input.full-width{max-width:100%}.req{color:#e53e3e;margin-left:2px}.toggle-row{cursor:pointer;border-bottom:1px solid #eef3f8;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-label-wrap{flex:1}.toggle-title{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:700}.toggle-help{color:var(--text-soft);font-size:13px}.toggle-checkbox{width:22px;height:22px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.table-wrap{border:1px solid var(--border);border-radius:14px;margin-bottom:20px}.table-scroll-x{border-radius:14px;overflow-x:auto}.data-table{border-collapse:collapse;background:#fff;width:100%}.data-table thead{z-index:10;position:sticky;top:0}.data-table thead th{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#eee;padding:14px 16px;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:700}.data-table tbody td{vertical-align:middle;border-bottom:1px solid #eef3f8;padding:12px 16px;font-size:14px}.data-table tbody tr:hover td{background:var(--highlight-bg)}.data-table tbody tr:last-child td{border-bottom:none}.filter-row th{background:#f4f4f4!important;padding:6px 8px!important}.filter-input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:5px 8px;font-size:12px}.filter-input:focus{border-color:var(--primary)}.col-resize-handle{cursor:col-resize;z-index:4;justify-content:center;align-items:center;width:8px;height:100%;display:flex;position:absolute;top:0;right:-3px}.col-resize-handle:after{content:"";background:var(--border-strong);border-radius:2px;width:4px;height:55%;transition:background .12s,width .1s,height .1s;display:block}.col-resize-handle:hover:after{background:var(--primary);width:6px;height:75%}body.col-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-family:Lato,sans-serif;font-size:12px;font-weight:700;display:inline-block}.badge-planned{color:#1e40af;background:#dbeafe}.badge-in-progress{color:#92400e;background:#fef3c7}.badge-complete{color:#166534;background:#dcfce7}.badge-cancelled{color:#6b7280;background:#f3f4f6}.badge-create{background:var(--success-bg);color:var(--success-text)}.badge-amend{color:#92400e;background:#fef3c7}.badge-cancel{background:var(--error-bg);color:var(--error-text)}.modal-overlay{z-index:1000;background:#010e2080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog{border:1px solid var(--border);background:#fff;border-radius:20px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 18px 40px #010e2033}.modal-header{border-bottom:1px solid #eef3f8;justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.modal-header h2{font-size:22px}.modal-close{cursor:pointer;color:var(--text-soft);background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.modal-body{padding:22px}.modal-summary{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-summary-item label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px;display:block}.modal-summary-item span{color:var(--text);font-size:14px;font-weight:700}.modal-footer{border-top:1px solid #eef3f8;justify-content:flex-end;gap:12px;padding:16px 22px 22px;display:flex}.app-shell{height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-spacer{flex-shrink:0;transition:width .2s}.sidebar{z-index:50;background:linear-gradient(#010e20 0%,#021535 100%);flex-direction:column;gap:20px;width:280px;padding:20px 22px 28px;transition:width .2s;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:68px;padding:20px 10px 28px}.sidebar.hover-mode{padding-left:10px}.sidebar-main{background:var(--bg);flex:1;padding:30px;overflow-y:auto}.sidebar-logo-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-start;padding:0;transition:align-self;overflow:hidden}.sidebar-logo-btn img{object-fit:contain;object-position:left center;transform-origin:50%;width:auto;max-width:100%;height:30px;transition:transform .3s;display:block;transform:rotate(0)}.sidebar-logo-btn.is-expanded{align-self:flex-end}.sidebar-logo-btn.is-expanded img{transform:rotate(270deg)}.sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar-nav-item{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px;font-family:Lato,sans-serif;font-size:15px;font-weight:400;text-decoration:none;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.sidebar-nav-item:hover{background:#ffffff1f}.sidebar-nav-item.active{background:#e0702a;border-color:#e0702a;font-weight:700}.sidebar-nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:18px}.sidebar-nav-label{text-overflow:ellipsis;overflow:hidden}.sidebar-footer{background:#ffffff14;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex;overflow:hidden}.sidebar-user{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-user-email{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-user-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;min-width:0;padding:0;font-family:Lato,sans-serif;transition:background .15s;display:flex}.sidebar-user-btn:hover,.sidebar-user-btn.active{background:#ffffff14}.sidebar-user-menu{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:8px;padding:6px;display:flex}.sidebar-user-menu-item{color:#ffffffd9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:Lato,sans-serif;font-size:13px;font-weight:400;text-decoration:none;transition:background .15s;display:flex}.sidebar-user-menu-item:hover{color:#fff;background:#ffffff1a}.sidebar-user-menu-signout{color:#ff9696d9}.sidebar-user-menu-signout:hover{color:#faa;background:#ff646426}.sidebar-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:9px 10px;transition:background .15s;display:flex}.sidebar-toggle:hover{background:#ffffff2e}.empty-state{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-soft);padding:60px 24px}.empty-state p{margin-top:8px;font-size:15px}.text-soft{color:var(--text-soft)}.text-small{font-size:13px}.mt-0{margin-top:0}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}