*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-navy: #1B2A4A;--color-orange: #F97316;--color-white: #FFFFFF;--color-grey-50: #F5F5F5;--color-grey-200: #E5E7EB;--color-grey-600: #6B7280;--color-green: #16A34A;--color-amber: #D97706;--color-red: #DC2626;--color-blue: #2563EB;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-base: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}html,body{height:100%;font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--color-grey-50);color:var(--color-navy);-webkit-font-smoothing:antialiased}#root{min-height:100%;display:flex;flex-direction:column}a{color:var(--color-blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-navy);padding:var(--space-6)}.auth-card{background:var(--color-white);border-radius:12px;padding:var(--space-8);width:100%;max-width:400px;box-shadow:0 4px 24px #0000004d}.auth-logo{text-align:center;margin-bottom:var(--space-6)}.auth-logo h1{font-size:1.375rem;font-weight:700;color:var(--color-navy);letter-spacing:-.01em}.auth-logo p{font-size:.8125rem;color:var(--color-grey-600);margin-top:var(--space-1)}.auth-title{font-size:1.125rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-6)}.auth-subtitle{font-size:.875rem;color:var(--color-grey-600);margin-top:calc(-1 * var(--space-4));margin-bottom:var(--space-6);line-height:1.5}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-navy);margin-bottom:var(--space-2)}.form-input{width:100%;padding:.625rem var(--space-3);border:1.5px solid var(--color-grey-200);border-radius:6px;font-family:inherit;font-size:1rem;color:var(--color-navy);background:var(--color-white);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--color-navy)}.form-input.error{border-color:var(--color-red)}.btn-primary{display:block;width:100%;padding:.75rem;background:var(--color-orange);color:var(--color-white);border:none;border-radius:6px;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:opacity .15s;margin-top:var(--space-6)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-link{background:none;border:none;padding:0;color:var(--color-blue);font-size:.875rem;text-decoration:none;cursor:pointer}.btn-link:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:var(--space-4);font-size:.875rem;color:var(--color-grey-600)}.error-banner{background:#fef2f2;border:1px solid #FECACA;border-radius:6px;padding:var(--space-3) var(--space-4);color:var(--color-red);font-size:.875rem;margin-bottom:var(--space-4)}.success-banner{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:6px;padding:var(--space-3) var(--space-4);color:var(--color-green);font-size:.875rem;margin-bottom:var(--space-4)}.shell{display:flex;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--color-white);border-right:1px solid var(--color-grey-200);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:100;transition:transform .22s ease}.sidebar-logo{padding:var(--space-6) var(--space-4) var(--space-4);border-bottom:1px solid var(--color-grey-200)}.sidebar-logo h2{font-size:.9375rem;font-weight:700;color:var(--color-navy);letter-spacing:-.01em}.sidebar-logo p{font-size:.75rem;color:var(--color-grey-600);margin-top:2px}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:.5rem var(--space-3);font-size:.875rem;font-weight:500;color:var(--color-grey-600);text-decoration:none;border-radius:6px;transition:background .12s,color .12s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--color-grey-50);color:var(--color-navy);text-decoration:none}.nav-item.active{background:#fff4ed;color:var(--color-orange);font-weight:600}.nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.6}.nav-item.active svg{opacity:1}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-grey-200);font-size:.8125rem;color:var(--color-grey-600)}.sidebar-footer strong{display:block;color:var(--color-navy);font-weight:500}.shell-main{flex:1;margin-left:220px;display:flex;flex-direction:column;min-height:100dvh}.topbar{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border-bottom:1px solid var(--color-grey-200);position:sticky;top:0;z-index:50}.topbar-title{flex:1;font-size:.9rem;font-weight:600;color:var(--color-navy)}.btn-icon{background:none;border:none;padding:var(--space-1);color:var(--color-grey-600);cursor:pointer;display:flex;align-items:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.shell-main{margin-left:0}.topbar{display:flex}}.page{flex:1;padding:var(--space-6) var(--space-8);max-width:1200px;width:100%}@media (max-width: 768px){.page{padding:var(--space-4)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:1.375rem;font-weight:700;color:var(--color-navy)}.toolbar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);align-items:center;flex-wrap:nowrap}.search-input{flex:1;min-width:180px;padding:.5rem var(--space-3);border:1.5px solid var(--color-grey-200);border-radius:6px;font-size:.875rem;font-family:inherit;color:var(--color-navy);background:var(--color-white);outline:none}.search-input:focus{border-color:var(--color-navy)}.toolbar-select{width:auto!important;min-width:130px;flex-shrink:0;font-size:.875rem;padding-top:.5rem;padding-bottom:.5rem}.toolbar-reset{flex-shrink:0;font-size:.8125rem;padding:.5rem var(--space-3);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem var(--space-4);border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-solid{background:var(--color-orange);color:var(--color-white)}.btn-solid:hover:not(:disabled){opacity:.88}.btn-outline{background:transparent;border:1.5px solid var(--color-grey-200);color:var(--color-navy)}.btn-outline:hover:not(:disabled){border-color:var(--color-navy)}.btn-danger{background:var(--color-red);color:var(--color-white)}.btn-danger:hover:not(:disabled){opacity:.88}.btn-ghost{background:none;border:none;padding:var(--space-1) var(--space-2);font-size:.8125rem;color:var(--color-blue);cursor:pointer;text-decoration:underline}.table-wrap{background:var(--color-white);border-radius:10px;border:1px solid var(--color-grey-200);overflow:hidden;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{background:var(--color-grey-50);padding:.625rem var(--space-4);text-align:left;font-weight:600;font-size:.8125rem;color:var(--color-grey-600);border-bottom:1px solid var(--color-grey-200);white-space:nowrap}tbody td{padding:.75rem var(--space-4);border-bottom:1px solid var(--color-grey-200);color:var(--color-navy);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-grey-50)}.td-actions{display:flex;gap:var(--space-2);white-space:nowrap}.empty-row td{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-grey-600);font-size:.875rem}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-planning{background:#eff6ff;color:var(--color-blue)}.badge-active{background:#f0fdf4;color:var(--color-green)}.badge-completed{background:#f3f4f6;color:var(--color-grey-600)}.badge-cancelled,.badge-inactive{background:#fef2f2;color:var(--color-red)}.badge-pending{background:#fffbeb;color:var(--color-amber)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-white);border-radius:12px;padding:var(--space-6);width:100%;max-width:480px;box-shadow:0 8px 40px #0003;max-height:90dvh;overflow-y:auto}.modal-title{font-size:1.125rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.form-select{width:100%;padding:.625rem var(--space-3);border:1.5px solid var(--color-grey-200);border-radius:6px;font-family:inherit;font-size:1rem;color:var(--color-navy);background:var(--color-white);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:2rem}.form-select:focus{border-color:var(--color-navy)}.form-hint{font-size:.8125rem;color:var(--color-grey-600);margin-top:var(--space-1)}