@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--am-british-racing-green:#00382f;--am-dark-green:#002a23;--am-deep-black:#0a0a0a;--am-charcoal:#1a1a1a;--am-graphite:#2a2a2a;--am-slate:#3a3a3a;--am-teal:#00c9a7;--am-teal-light:#00e6be;--am-emerald:#00a88e;--am-gold:#c4a35a;--am-red:#e63946;--am-red-dark:#b22d38;--am-orange:#e07a3a;--am-blue:#3a7bd5;--am-green-status:#2ecc71;--am-white:#fff;--am-off-white:#f5f5f5;--am-light-grey:#e0e0e0;--am-mid-grey:#9e9e9e;--am-dark-grey:#616161;--am-text-primary:#fff;--am-text-secondary:#ffffffb3;--am-text-muted:#ffffff80;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--sidebar-width:60px;--sidebar-expanded:240px;--header-height:0px;--border-radius:4px;--border-radius-lg:8px;--border-radius-xl:12px;--gradient-status:linear-gradient(90deg, var(--am-teal) 0%, var(--am-emerald) 50%, var(--am-mid-grey) 50%);--gradient-overlay:linear-gradient(180deg, #0000 0%, #000000b3 100%);--gradient-overlay-left:linear-gradient(90deg, #0009 0%, #0000 60%);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);background-color:var(--am-deep-black);color:var(--am-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--am-teal);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--am-teal-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--am-charcoal)}::-webkit-scrollbar-thumb{background:var(--am-slate);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--am-mid-grey)}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.app-content{background-color:var(--am-off-white);flex:1;position:relative;overflow:hidden auto}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--am-deep-black);padding:var(--space-md) 0;align-items:center;gap:var(--space-lg);z-index:100;border-right:1px solid #ffffff14;flex-direction:column;display:flex}.sidebar-icon{border-radius:var(--border-radius);width:36px;height:36px;color:var(--am-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.sidebar-icon:hover{color:var(--am-white);background:#ffffff1a}.sidebar-icon.active{color:var(--am-teal)}.sidebar-spacer{flex:1}.page-shell{background-color:var(--am-off-white);min-height:100%}.top-bar{padding:var(--space-sm) var(--space-lg);background:var(--am-off-white);border-bottom:1px solid var(--am-light-grey);justify-content:space-between;align-items:center;height:44px;display:flex}.top-bar-left{align-items:center;gap:var(--space-md);display:flex}.top-bar-view-toggle{background:var(--am-charcoal);color:var(--am-white);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:20px;padding:6px 16px}.top-bar-search{width:32px;height:32px;color:var(--am-dark-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.top-bar-search:hover{background:var(--am-light-grey)}.top-bar-right{align-items:center;gap:var(--space-sm);display:flex}.refresh-btn{border:1px solid var(--am-light-grey);cursor:pointer;width:32px;height:32px;color:var(--am-dark-grey);transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.refresh-btn:hover{border-color:var(--am-mid-grey);color:var(--am-charcoal)}.home-grid{grid-template-columns:repeat(3,1fr);gap:0;height:100vh;display:grid}.home-panel{cursor:pointer;transition:transform var(--transition-slow);position:relative;overflow:hidden}.home-panel:hover .home-panel-image{transform:scale(1.05)}.home-panel-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;inset:0}.home-panel-overlay{background:linear-gradient(#0000001a 0%,#00000080 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.home-panel-title{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--am-white);letter-spacing:2px;text-transform:capitalize}.record-list{padding:0}.record-card{align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--am-white);border-bottom:1px solid var(--am-light-grey);transition:background var(--transition-fast);display:flex}.record-card:hover{background:#fafafa}.record-card-thumbnail{border-radius:var(--border-radius);flex-shrink:0;width:140px;height:90px;overflow:hidden}.record-card-thumbnail img{object-fit:cover;width:100%;height:100%}.record-card-info{flex:1;min-width:0}.record-card-name{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--am-charcoal);margin-bottom:var(--space-xs)}.record-card-name a{color:var(--am-charcoal);text-decoration:none}.record-card-name a:hover{color:var(--am-british-racing-green);text-decoration:underline}.record-card-fields{gap:var(--space-xl);flex-wrap:wrap;display:flex}.record-card-field{flex-direction:column;gap:2px;display:flex}.record-card-field-label{color:var(--am-mid-grey);text-transform:capitalize;font-size:11px;font-weight:var(--font-weight-medium)}.record-card-field-value{color:var(--am-dark-grey);font-size:13px}.record-card-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.days-badge{font-size:12px;font-weight:var(--font-weight-semibold);background:var(--am-red);color:var(--am-white);border-radius:20px;align-items:center;gap:4px;padding:4px 12px;display:inline-flex}.days-badge.warning{background:var(--am-orange)}.days-badge.ok{background:var(--am-green-status)}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--border-radius);font-size:12px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;border:none;padding:8px 16px;display:inline-flex}.btn-dark{background:var(--am-charcoal);color:var(--am-white)}.btn-dark:hover{background:var(--am-slate)}.btn-outline{color:var(--am-dark-grey);border:1px solid var(--am-light-grey);background:0 0}.btn-outline:hover{border-color:var(--am-mid-grey);color:var(--am-charcoal)}.btn-teal{background:var(--am-teal);color:var(--am-deep-black)}.btn-teal:hover{background:var(--am-teal-light)}.btn-green{background:var(--am-british-racing-green);color:var(--am-white)}.btn-green:hover{background:var(--am-dark-green)}.status-bar{width:100%;margin:var(--space-md) 0;gap:3px;display:flex}.status-bar-segment{background:var(--am-light-grey);border-radius:2px;flex:1;height:4px}.status-bar-segment.completed{background:linear-gradient(90deg, var(--am-teal), var(--am-emerald))}.status-bar-segment.active{background:var(--am-charcoal)}.detail-hero{width:100%;height:70vh;position:relative;overflow:hidden}.detail-hero-image{object-fit:cover;width:100%;height:100%}.detail-hero-overlay{background:var(--gradient-overlay-left);padding:var(--space-3xl);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.detail-hero-name{font-size:48px;font-weight:var(--font-weight-bold);color:var(--am-white);text-transform:uppercase;letter-spacing:3px;line-height:1.1}.detail-hero-subtitle{font-size:20px;font-weight:var(--font-weight-light);color:var(--am-text-secondary);text-transform:uppercase;letter-spacing:2px;margin-top:var(--space-xs)}.detail-toolbar{top:var(--space-lg);align-items:center;gap:var(--space-sm);z-index:10;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toolbar-btn{border-radius:var(--border-radius);font-size:12px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;color:var(--am-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:none;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.toolbar-btn:hover{background:#000c}.toolbar-btn.active{background:var(--am-white);color:var(--am-charcoal)}.detail-info-bar{gap:var(--space-md);padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1ee6;display:flex;position:absolute;bottom:0;left:0;right:0}.info-bar-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);background:#ffffff1a;flex:1;display:flex}.info-bar-icon{color:var(--am-mid-grey);font-size:14px}.info-bar-content{flex-direction:column;display:flex}.info-bar-label{color:var(--am-text-muted);text-transform:capitalize;font-size:10px}.info-bar-value{color:var(--am-white);font-size:13px;font-weight:var(--font-weight-medium)}.detail-content{padding:var(--space-xl);background:var(--am-off-white)}.config-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:220px;height:100%;padding:var(--space-lg);z-index:5;background:#fffffff2;position:absolute;top:0;right:0}.config-panel-title{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--am-charcoal);margin-bottom:var(--space-md)}.config-panel-tabs{margin-bottom:var(--space-lg);gap:0;display:flex}.config-tab{text-align:center;border:1px solid var(--am-light-grey);cursor:pointer;color:var(--am-dark-grey);transition:all var(--transition-fast);background:0 0;flex:1;padding:6px 0;font-size:13px}.config-tab:first-child{border-radius:20px 0 0 20px}.config-tab:last-child{border-radius:0 20px 20px 0}.config-tab.active{background:var(--am-charcoal);color:var(--am-white);border-color:var(--am-charcoal)}.config-card{margin-bottom:var(--space-md)}.config-card-title{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--am-charcoal);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.config-card-image{border-radius:var(--border-radius);object-fit:cover;width:100%;height:80px}.form-section{background:var(--am-white);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.form-section-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--am-teal);margin-bottom:var(--space-lg)}.form-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.form-field{padding-bottom:var(--space-md);border-bottom:1px solid var(--am-light-grey);flex-direction:column;gap:4px;display:flex}.form-field-label{color:var(--am-mid-grey);text-transform:capitalize;font-size:11px}.form-field-value{color:var(--am-charcoal);font-size:14px;font-weight:var(--font-weight-medium)}.form-field-edit{cursor:pointer;color:var(--am-mid-grey);font-size:12px}.tab-nav{margin-bottom:var(--space-md);background:var(--am-charcoal);border-radius:0;gap:0;display:flex;overflow:hidden}.tab-nav-item{padding:var(--space-md);text-align:center;font-size:13px;font-weight:var(--font-weight-medium);color:var(--am-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;flex:1}.tab-nav-item:hover{color:var(--am-white)}.tab-nav-item.active{color:var(--am-teal);border-bottom:2px solid var(--am-teal)}.actions-page{background:var(--am-charcoal);min-height:100%;padding:var(--space-3xl)}.actions-title{font-size:36px;font-weight:var(--font-weight-bold);color:var(--am-white);text-transform:uppercase;letter-spacing:3px;margin-bottom:var(--space-2xl)}.actions-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.action-item{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-fast);color:var(--am-white);text-align:left;background:#ffffff14;border:none;justify-content:space-between;align-items:center;width:100%;font-size:14px;display:flex}.action-item:hover{background:#ffffff26}.page-footer{background:var(--am-deep-black);padding:var(--space-3xl) var(--space-xl);color:var(--am-text-secondary);border-top:1px solid #ffffff14}.footer-brand{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--am-white);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-xl)}.footer-columns{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.footer-column-title{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--am-mid-grey);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.footer-column a{color:var(--am-text-secondary);padding:3px 0;font-size:13px;display:block}.footer-column a:hover{color:var(--am-white)}.footer-bottom{padding-top:var(--space-lg);color:var(--am-text-muted);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;font-size:12px;display:flex}.footer-links{gap:var(--space-lg);display:flex}.footer-links a{color:var(--am-text-muted);font-size:12px}.loading-container{justify-content:center;align-items:center;min-height:300px;display:flex}.spinner{border:3px solid var(--am-light-grey);border-top-color:var(--am-teal);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-container{padding:var(--space-xl);text-align:center;color:var(--am-red)}.search-bar{align-items:center;gap:var(--space-sm);background:var(--am-white);border:1px solid var(--am-light-grey);border-radius:var(--border-radius-xl);padding:var(--space-sm) var(--space-md);margin:var(--space-md) var(--space-xl);display:flex}.search-bar input{font-size:14px;font-family:var(--font-primary);color:var(--am-charcoal);background:0 0;border:none;outline:none;flex:1}.search-bar input::placeholder{color:var(--am-mid-grey)}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--am-mid-grey)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:48px}.kb-article-card{background:var(--am-white);border-radius:var(--border-radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);border:1px solid var(--am-light-grey);cursor:pointer;transition:all var(--transition-fast)}.kb-article-card:hover{border-color:var(--am-teal);box-shadow:var(--shadow-sm)}.kb-article-title{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--am-charcoal);margin-bottom:var(--space-sm)}.kb-article-excerpt{color:var(--am-dark-grey);font-size:14px;line-height:1.6}.input-field{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--am-light-grey);border-radius:var(--border-radius);font-size:14px;font-family:var(--font-primary);color:var(--am-charcoal);background:var(--am-white);transition:border-color var(--transition-fast)}.input-field:focus{border-color:var(--am-teal);outline:none}.textarea-field{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--am-light-grey);border-radius:var(--border-radius);font-size:14px;font-family:var(--font-primary);color:var(--am-charcoal);background:var(--am-white);resize:vertical;min-height:100px}.textarea-field:focus{border-color:var(--am-teal);outline:none}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.mark-stage-btn{border:1px solid var(--am-light-grey);border-radius:var(--border-radius);color:var(--am-dark-grey);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:8px 20px;display:inline-flex}.mark-stage-btn:hover{border-color:var(--am-teal);color:var(--am-teal)}.status-label{flex-direction:column;align-items:center;display:flex}.status-label-title{color:var(--am-mid-grey);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.status-label-value{font-size:14px;font-weight:var(--font-weight-medium);color:var(--am-charcoal)}.am-logo{opacity:.9;width:120px;height:auto}.am-logo-small{width:80px;height:auto}