@tailwind base;@tailwind components;@tailwind utilities;:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--primary-text:#1d1d1f;--secondary-text:#86868b;--tertiary-text:#a1a1a6;--primary-bg:#fff;--secondary-bg:#f5f5f7;--tertiary-bg:#fafafa;--border-color:#d2d2d7;--separator-color:#e5e5e7;--accent-blue:#007aff;--accent-blue-hover:#0056cc;--sidebar-width:280px;--sidebar-bg:var(--primary-bg);--sidebar-border:var(--border-color);--sidebar-shadow:0 0 0 1px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.12),0 16px 64px rgba(0,0,0,.16);--sidebar-transition:all 0.5s cubic-bezier(0.23,1,0.32,1);--item-transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--spring-transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--foreground-rgb:29,29,31;--background-start-rgb:250,250,250;--background-end-rgb:255,255,255;--primary-blue:#0073e6;--accent-blue:#007bff;--primary-text:#1a1a1a;--secondary-text:#666;--border-color:#e5e5e5;--background-gray:#f5f5f7;--success-green:#34c759;--error-red:#ff3b30;--warning-orange:#ff9500;--transition-fast:0.2s ease;--transition-medium:0.3s cubic-bezier(0.4,0.0,0.2,1);--shadow-light:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-medium:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-heavy:0 25px 50px -12px rgba(0,0,0,.25),0 4px 16px -2px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){:root{--primary-text:#f5f5f7;--secondary-text:#86868b;--tertiary-text:#6e6e73;--primary-bg:#000;--secondary-bg:#1c1c1e;--tertiary-bg:#2c2c2e;--border-color:#38383a;--separator-color:#48484a;--accent-blue:#0a84ff;--accent-blue-hover:#409cff;--sidebar-bg:var(--primary-bg);--sidebar-border:var(--border-color);--sidebar-shadow:0 0 0 1px hsla(0,0%,100%,.04),0 4px 16px rgba(0,0,0,.3),0 16px 64px rgba(0,0,0,.5)}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:system-ui,-apple-system,sans-serif}body{color:var(--primary-text);background:var(--secondary-bg);font-size:16px;line-height:1.47;font-weight:400}a{color:inherit;text-decoration:none}.modern-sidebar-container{position:fixed;top:0;left:0;height:100vh;width:280px;background:var(--primary-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (min-width:1024px){.modern-sidebar-container.desktop{position:relative;transform:translateX(0);box-shadow:none;border-right:1px solid var(--border-color)}}@media (max-width:1023px){.modern-sidebar-container.mobile.closed{transform:translateX(-100%)}.modern-sidebar-container.mobile.open{transform:translateX(0);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-header{border-bottom:1px solid var(--border-color);background:var(--primary-bg)}.sidebar-logo{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue) 0,#0056cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-size:.75rem;font-weight:600;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding:0 .75rem}.menu-group{display:flex;flex-direction:column;gap:.125rem}.sidebar-menu-item{transition:all .2s ease;position:relative}.sidebar-menu-item:hover{background:var(--secondary-bg);transform:translateX(2px)}.sidebar-menu-item.active{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.sidebar-menu-item.active .menu-icon,.sidebar-menu-item.active .menu-label{color:#fff}.menu-icon{font-size:1.125rem;width:1.25rem;text-align:center}.menu-label{font-size:.875rem;font-weight:500}.menu-badge{background:hsla(0,0%,100%,.2)!important}.status-card{background:rgba(52,199,89,.08);border:1px solid rgba(52,199,89,.2);border-radius:.5rem;padding:.75rem;margin-top:.5rem}.status-dot.online{background:#16a34a;animation:pulse 2s infinite}.status-text{font-size:.875rem;font-weight:500;color:#16a34a}.sidebar-footer{border-top:1px solid var(--border-color);background:var(--primary-bg)}.user-profile-card{background:var(--secondary-bg);border:1px solid var(--border-color)}.user-avatar{color:#fff}.user-name{font-size:.875rem;font-weight:600;color:var(--primary-text)}.role-icon,.role-label{font-size:.75rem}.role-label{color:var(--secondary-text);font-weight:500}.settings-menu{display:flex;flex-direction:column;gap:.125rem}.settings-item{transition:all .2s ease;color:var(--primary-text)}.settings-item:hover{background:var(--tertiary-bg)}.settings-icon{font-size:.875rem;width:1rem;text-align:center}.settings-label{font-size:.875rem;font-weight:500}.floating-menu-button{position:fixed!important;bottom:1.5rem!important;left:.5rem!important;z-index:9999!important;background:linear-gradient(135deg,#1e3a8a,#1e40af)!important;border:none!important;border-radius:50%!important;padding:0!important;box-shadow:0 4px 20px rgba(30,58,138,.3)!important;cursor:pointer!important;transition:all .3s ease!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important}.floating-menu-button:hover{transform:scale(1.1)!important;box-shadow:0 6px 25px rgba(30,58,138,.4)!important;background:linear-gradient(135deg,#1d4ed8,#2563eb)!important}.floating-menu-button:active{transform:scale(.95)!important}.menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.menu-icon.open{transform:rotate(180deg)}@media (min-width:1024px){.floating-menu-button{display:none}}.main-content-container{transition:margin-left .3s cubic-bezier(.32,.72,0,1)}@media (min-width:1024px){.main-content-container.sidebar-open{margin-left:280px}.main-content-container.sidebar-closed{margin-left:0}}@media (max-width:1023px){.main-content-container{margin-left:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-item:focus,.sidebar-menu-item:focus{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-color-scheme:dark){.modern-sidebar-container{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.modern-sidebar-container.mobile.open{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}}[data-amplify-authenticator]{--amplify-components-authenticator-router-background-color:var(--primary-bg);--amplify-components-authenticator-router-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--amplify-components-authenticator-router-border-radius:16px;--amplify-components-authenticator-router-border-width:1px;--amplify-components-authenticator-router-border-color:var(--border-color);--amplify-components-button-primary-background-color:var(--accent-blue);--amplify-components-button-primary-hover-background-color:var(--accent-blue-hover);--amplify-components-button-link-color:var(--accent-blue);--amplify-components-tabs-item-active-color:var(--accent-blue);--amplify-components-tabs-item-active-border-color:var(--accent-blue);--amplify-components-tabs-item-color:var(--secondary-text);--amplify-components-fieldcontrol-border-color:var(--border-color);--amplify-components-fieldcontrol-border-radius:8px;--amplify-components-fieldcontrol-focus-border-color:var(--accent-blue);--amplify-components-fieldcontrol-focus-box-shadow:0 0 0 3px rgba(0,122,255,.1)}.auth-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary-bg) 0,var(--tertiary-bg) 100%)}.loading-shimmer{background:linear-gradient(90deg,var(--secondary-bg) 25%,var(--tertiary-bg) 50%,var(--secondary-bg) 75%);background-size:200% 100%;animation:shimmer 1.8s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}.sidebar-menu-item[aria-selected=true]{background:var(--accent-blue);color:#fff}.settings-item[aria-selected=true]{background:var(--tertiary-bg)}@media (max-width:768px){.modern-sidebar-container{width:100vw;max-width:320px}.hamburger-button{top:.75rem;left:.75rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.modern-sidebar-container{border-right-width:.5px}.sidebar-header{border-bottom-width:.5px}.sidebar-footer{border-top-width:.5px}}.hamburger-button{position:fixed!important;top:.5rem;left:.5rem;z-index:9999;border:none!important;border-radius:0!important;padding:6px!important;cursor:pointer!important;transition:all .2s ease!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:auto!important}.hamburger-button,.hamburger-button:hover{background:transparent!important;box-shadow:none!important}.hamburger-button:hover{transform:none!important}.hamburger-button:active{transform:scale(.95)!important}@media (min-width:1024px){.hamburger-button{display:none}}.hamburger-icon{width:14px;height:10px;position:relative;transform:rotate(0deg);transition:.3s ease-in-out;cursor:pointer}.hamburger-icon span{display:block;position:absolute;height:1.5px;width:100%;background:#374151;border-radius:1px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.hamburger-icon span:first-child{top:0}.hamburger-icon span:nth-child(2){top:4px}.hamburger-icon span:nth-child(3){top:8px}.hamburger-icon.open span:first-child{top:4px;transform:rotate(135deg)}.hamburger-icon.open span:nth-child(2){opacity:0;left:-15px}.hamburger-icon.open span:nth-child(3){top:4px;transform:rotate(-135deg)}.main-content{width:100vw;height:100vh;overflow:hidden;position:relative}.sidebar-drawer{position:fixed;top:0;left:0;height:100vh;width:320px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:1000;transform:translateX(-100%);transition:transform var(--transition-medium);box-shadow:none}.sidebar-drawer.open{transform:translateX(0);box-shadow:var(--shadow-heavy)}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#fff}.brand-title{font-size:1.25rem!important;font-weight:700!important;background:linear-gradient(135deg,var(--accent-blue) 0,#0056cc 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;margin-left:.5rem!important}.tenant-badge{background-color:var(--accent-blue)!important;color:#fff!important;border:none!important;font-size:.65rem!important;font-weight:600!important}.close-button{color:#6b7280!important;padding:.25rem!important;font-size:1.5rem!important;line-height:1!important}.sidebar-content{flex:1 1;overflow-y:auto;padding:1rem}.nav-section{margin-bottom:1.5rem}.section-title{font-size:.75rem!important;font-weight:600!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:.5rem!important;padding:0 .75rem!important}.sidebar-menu-item{display:flex;align-items:center;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:var(--transition-fast);margin:.125rem 0;color:var(--primary-text);background:transparent}.sidebar-menu-item:hover:not(.active){background:#f5f5f7;transform:translateX(4px)}.sidebar-menu-item.active{background:var(--accent-blue);color:#fff}.menu-icon{font-size:1.125rem!important;width:1.25rem!important;text-align:center!important}.menu-label{font-size:.875rem!important;font-weight:500!important}.menu-badge{font-size:.625rem!important;padding:.125rem .375rem!important;color:#fff!important;border:none!important}.sidebar-menu-item.active .menu-badge{background:hsla(0,0%,100%,.2)!important}.sidebar-menu-item:not(.active) .menu-badge{background:var(--accent-blue)!important}.status-indicator{background:rgba(52,199,89,.08);border:1px solid rgba(52,199,89,.2);border-radius:.5rem;padding:.75rem;margin-top:.5rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#16a34a;animation:pulse 2s infinite}.status-text{font-size:.875rem!important;font-weight:500!important;color:#16a34a!important}.sidebar-footer{padding:1rem;border-top:1px solid #e5e7eb;background:#fff}.user-profile-card{background:#f9fafb;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-name{font-size:.875rem!important;font-weight:600!important;color:#1f2937!important}.user-role{font-size:.75rem!important;color:#6b7280!important;font-weight:500!important}.settings-item{display:flex;align-items:center;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;transition:var(--transition-fast);color:#374151;margin:.125rem 0}.settings-item:hover{background:#f3f4f6}.settings-item.sign-out{color:#ef4444}.settings-item.sign-out:hover{background:rgba(239,68,68,.1)}.settings-icon{font-size:.875rem!important;width:1rem!important;text-align:center!important}.settings-label{font-size:.875rem!important;font-weight:500!important}@media (max-width:640px){.sidebar-drawer{width:280px}.hamburger-button{top:.75rem;left:.75rem}}.amplify-button--primary{background-color:#23487a!important;color:#fff!important;border-radius:8px!important;border:none!important;box-shadow:0 2px 8px 0 rgba(35,72,122,.08);font-weight:600;font-size:1rem;transition:background .2s,box-shadow .2s}.amplify-button--primary:focus,.amplify-button--primary:hover{background-color:#19325a!important;color:#fff!important;box-shadow:0 4px 16px 0 rgba(35,72,122,.16)}