@charset "UTF-8";:root{--breakpoint-xs: 360px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1440px;--spacing-xs: clamp(4px, 1vw, 8px);--spacing-sm: clamp(8px, 2vw, 12px);--spacing-md: clamp(12px, 3vw, 16px);--spacing-lg: clamp(16px, 4vw, 24px);--spacing-xl: clamp(20px, 5vw, 32px);--spacing-2xl: clamp(28px, 6vw, 48px);--spacing-3xl: clamp(36px, 7vw, 64px);--spacing-container: clamp(16px, 4vw, 32px);--spacing-section: clamp(24px, 5vw, 48px);--spacing-page: max(16px, env(safe-area-inset-left, 16px));--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-size-xs: clamp(11px, 2.5vw, 13px);--font-size-sm: clamp(13px, 3vw, 14px);--font-size-base: clamp(14px, 3.5vw, 16px);--font-size-lg: clamp(16px, 4vw, 18px);--font-size-xl: clamp(18px, 4.5vw, 22px);--font-size-2xl: clamp(22px, 5vw, 28px);--font-size-3xl: clamp(28px, 6vw, 36px);--font-size-4xl: clamp(32px, 7vw, 44px);--font-size-display: clamp(36px, 8vw, 52px);--font-size-hero: clamp(40px, 10vw, 72px);--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.8;--touch-min: 44px;--touch-comfortable: 48px;--touch-large: 56px;--touch-xl: 64px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--radius-fluid-sm: clamp(8px, 2vw, 12px);--radius-fluid-md: clamp(12px, 3vw, 16px);--radius-fluid-lg: clamp(16px, 4vw, 24px);--radius-fluid-xl: clamp(20px, 5vw, 32px);--gap-xs: clamp(8px, 2vw, 12px);--gap-sm: clamp(12px, 2.5vw, 16px);--gap-md: clamp(16px, 3vw, 20px);--gap-lg: clamp(20px, 4vw, 28px);--gap-xl: clamp(24px, 5vw, 36px);--z-base: 1;--z-dropdown: 100;--z-sticky: 500;--z-header: 1000;--z-sidebar: 999;--z-overlay: 1500;--z-modal: 2000;--z-toast: 2500;--z-tooltip: 3000;--z-max: 9999;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-inOut: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--container-full: 100%;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.container-responsive{width:100%;max-width:var(--container-2xl);margin-inline:auto;padding-inline:var(--spacing-container)}.touch-target{min-width:var(--touch-min);min-height:var(--touch-min)}.safe-padding-top{padding-top:var(--safe-top)}.safe-padding-bottom{padding-bottom:var(--safe-bottom)}.safe-padding-x{padding-left:var(--safe-left);padding-right:var(--safe-right)}.grid-responsive{display:grid;gap:var(--gap-md);grid-template-columns:1fr}@media(min-width:768px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.grid-auto-fit{display:grid;gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.modal-responsive{width:min(90vw,600px);max-height:min(90vh,800px)}.modal-responsive-sm{width:min(90vw,400px)}.modal-responsive-lg{width:min(90vw,900px)}.modal-responsive-xl{width:min(95vw,1200px)}:root{--ios-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--ios-font-rounded: "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ios-font-mono: "SF Mono", ui-monospace, "Menlo", "Monaco", "Cascadia Mono", monospace;--ios-text-caption2: .6875rem;--ios-text-caption1: .75rem;--ios-text-footnote: .8125rem;--ios-text-subheadline: .9375rem;--ios-text-callout: 1rem;--ios-text-body: 1.0625rem;--ios-text-headline: 1.0625rem;--ios-text-title3: 1.25rem;--ios-text-title2: 1.375rem;--ios-text-title1: 1.75rem;--ios-text-largeTitle: 2.125rem;--ios-leading-tight: 1.18;--ios-leading-snug: 1.25;--ios-leading-normal: 1.35;--ios-leading-relaxed: 1.5;--ios-leading-loose: 1.65;--ios-font-ultralight: 100;--ios-font-thin: 200;--ios-font-light: 300;--ios-font-regular: 400;--ios-font-medium: 500;--ios-font-semibold: 600;--ios-font-bold: 700;--ios-font-heavy: 800;--ios-font-black: 900;--ios-tracking-tighter: -.03em;--ios-tracking-tight: -.02em;--ios-tracking-normal: -.01em;--ios-tracking-wide: .01em}:root{--ios-blue: #007AFF;--ios-green: #34C759;--ios-indigo: #5856D6;--ios-orange: #FF9500;--ios-pink: #FF2D55;--ios-purple: #AF52DE;--ios-red: #FF3B30;--ios-teal: #5AC8FA;--ios-yellow: #FFCC00;--ios-label: rgba(0, 0, 0, .85);--ios-label-secondary: rgba(60, 60, 67, .6);--ios-label-tertiary: rgba(60, 60, 67, .3);--ios-label-quaternary: rgba(60, 60, 67, .18);--ios-bg-primary: #FFFFFF;--ios-bg-secondary: #F2F2F7;--ios-bg-tertiary: #FFFFFF;--ios-bg-grouped: #F2F2F7;--ios-bg-grouped-secondary: #FFFFFF;--ios-fill-primary: rgba(120, 120, 128, .2);--ios-fill-secondary: rgba(120, 120, 128, .16);--ios-fill-tertiary: rgba(118, 118, 128, .12);--ios-fill-quaternary: rgba(116, 116, 128, .08);--ios-separator: rgba(60, 60, 67, .29);--ios-separator-opaque: #C6C6C8;--ios-material-thick: rgba(253, 253, 253, .92);--ios-material-regular: rgba(253, 253, 253, .85);--ios-material-thin: rgba(253, 253, 253, .78);--ios-material-ultrathin: rgba(253, 253, 253, .55)}@media(prefers-color-scheme:dark){:root{--ios-blue: #0A84FF;--ios-green: #30D158;--ios-indigo: #5E5CE6;--ios-orange: #FF9F0A;--ios-pink: #FF375F;--ios-purple: #BF5AF2;--ios-red: #FF453A;--ios-teal: #64D2FF;--ios-yellow: #FFD60A;--ios-label: rgba(255, 255, 255, .85);--ios-label-secondary: rgba(235, 235, 245, .6);--ios-label-tertiary: rgba(235, 235, 245, .3);--ios-label-quaternary: rgba(235, 235, 245, .18);--ios-bg-primary: #000000;--ios-bg-secondary: #1C1C1E;--ios-bg-tertiary: #2C2C2E;--ios-bg-grouped: #000000;--ios-bg-grouped-secondary: #1C1C1E;--ios-fill-primary: rgba(120, 120, 128, .36);--ios-fill-secondary: rgba(120, 120, 128, .32);--ios-fill-tertiary: rgba(118, 118, 128, .24);--ios-fill-quaternary: rgba(116, 116, 128, .18);--ios-separator: rgba(84, 84, 88, .6);--ios-separator-opaque: #38383A;--ios-material-thick: rgba(30, 30, 30, .92);--ios-material-regular: rgba(30, 30, 30, .85);--ios-material-thin: rgba(30, 30, 30, .78);--ios-material-ultrathin: rgba(30, 30, 30, .55)}}:root{--cd-ios-primary: var(--primary-600, #229fa8);--cd-ios-primary-light: var(--primary-500, #4aeadc);--cd-ios-primary-dark: var(--primary-800, #1a6d69);--cd-ios-text-primary: var(--ios-label);--cd-ios-text-secondary: var(--ios-label-secondary);--cd-ios-text-tertiary: var(--ios-label-tertiary);--cd-ios-text-muted: var(--ios-label-quaternary)}:root{--ios-margin-standard: 16px;--ios-margin-wide: 20px;--ios-margin-readable: max(16px, calc((100vw - 672px)/2) );--ios-touch-min: 44px;--ios-touch-comfortable: 48px;--ios-touch-large: 56px;--ios-radius-sm: 6px;--ios-radius-md: 10px;--ios-radius-lg: 14px;--ios-radius-xl: 20px;--ios-radius-2xl: 24px;--ios-radius-card: 16px;--ios-radius-modal: 38px;--ios-radius-button: 12px;--ios-navbar-height: 44px;--ios-large-navbar-height: 96px;--ios-toolbar-height: 44px;--ios-tabbar-height: 49px;--ios-search-height: 36px}:root{--ios-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--ios-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--ios-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--ios-shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--ios-shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);--ios-shadow-modal: 0 25px 50px rgba(0, 0, 0, .25), 0 10px 20px rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--ios-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--ios-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--ios-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--ios-shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--ios-shadow-card: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .2)}}:root{--ios-duration-instant: .1s;--ios-duration-fast: .2s;--ios-duration-normal: .3s;--ios-duration-slow: .5s;--ios-ease-standard: cubic-bezier(.25, .1, .25, 1);--ios-ease-in: cubic-bezier(.42, 0, 1, 1);--ios-ease-out: cubic-bezier(0, 0, .58, 1);--ios-ease-in-out: cubic-bezier(.42, 0, .58, 1);--ios-ease-spring: cubic-bezier(.175, .885, .32, 1.275)}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--dynamic-island-height: 37px;--home-indicator-height: 34px;--safe-padding-top: max(16px, var(--safe-top));--safe-padding-bottom: max(16px, var(--safe-bottom))}.h-screen-safe{height:100vh;height:100dvh;height:-webkit-fill-available}.min-h-screen-safe{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}.max-h-screen-safe{max-height:100vh;max-height:100dvh;max-height:-webkit-fill-available}.safe-area-inset{padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left)}.safe-area-padded{padding-top:var(--safe-padding-top);padding-right:max(16px,var(--safe-right));padding-bottom:var(--safe-padding-bottom);padding-left:max(16px,var(--safe-left))}.safe-pt{padding-top:var(--safe-padding-top)}.safe-pb{padding-bottom:var(--safe-padding-bottom)}.safe-px{padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right))}.safe-mt{margin-top:var(--safe-padding-top)}.safe-mb{margin-bottom:var(--safe-padding-bottom)}.fixed-header-safe{position:fixed;top:0;left:0;right:0;padding-top:var(--safe-top);z-index:50}.fixed-footer-safe{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-bottom);z-index:50}.fixed-full-safe{position:fixed;inset:0;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left)}.sticky-header-safe{position:sticky;top:var(--safe-top);z-index:40}.scroll-safe{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.scroll-safe.no-bounce{overscroll-behavior:none}.scroll-content-safe{padding-bottom:calc(var(--safe-bottom) + 20px)}.scroll-area-safe{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:var(--safe-padding-top);padding-bottom:var(--safe-padding-bottom)}.keyboard-aware{transition:transform var(--ios-duration-normal) var(--ios-ease-out)}.input-container-safe{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-bottom);background:var(--ios-bg-primary);border-top:1px solid var(--ios-separator);z-index:40}.bottom-sheet-safe{padding-bottom:calc(var(--safe-bottom) + 16px);border-radius:var(--ios-radius-modal) var(--ios-radius-modal) 0 0}.modal-safe{padding:var(--safe-padding-top) max(20px,var(--safe-right)) var(--safe-padding-bottom) max(20px,var(--safe-left))}.navbar-ios{height:calc(var(--ios-navbar-height) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;background:var(--ios-bg-primary);border-bottom:1px solid var(--ios-separator)}.navbar-ios-large{height:calc(var(--ios-large-navbar-height) + var(--safe-top));padding-top:var(--safe-top)}.tabbar-ios{height:calc(var(--ios-tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:flex-start;justify-content:space-around;background:var(--ios-bg-primary);border-top:1px solid var(--ios-separator)}.h-svh{height:100svh}.h-lvh{height:100lvh}.h-dvh{height:100dvh}.min-h-svh{min-height:100svh}.min-h-lvh{min-height:100lvh}.min-h-dvh{min-height:100dvh}.content-below-navbar{padding-top:calc(var(--ios-navbar-height) + var(--safe-top))}.content-below-navbar-large{padding-top:calc(var(--ios-large-navbar-height) + var(--safe-top))}.content-above-tabbar{padding-bottom:calc(var(--ios-tabbar-height) + var(--safe-bottom))}.content-full-safe{padding-top:calc(var(--ios-navbar-height) + var(--safe-top));padding-bottom:calc(var(--ios-tabbar-height) + var(--safe-bottom))}.ios-text-rendering{font-family:var(--ios-font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}.ios-large-title{font-family:var(--ios-font-system);font-size:var(--ios-text-largeTitle);font-weight:var(--ios-font-bold);line-height:var(--ios-leading-tight);letter-spacing:var(--ios-tracking-tight);color:var(--ios-label)}.ios-title1,.ios-title1-emphasis{font-family:var(--ios-font-system);font-size:var(--ios-text-title1);font-weight:var(--ios-font-bold);line-height:var(--ios-leading-tight);letter-spacing:var(--ios-tracking-tight);color:var(--ios-label)}.ios-title2,.ios-title2-emphasis{font-family:var(--ios-font-system);font-size:var(--ios-text-title2);font-weight:var(--ios-font-bold);line-height:var(--ios-leading-tight);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label)}.ios-title3,.ios-title3-emphasis{font-family:var(--ios-font-system);font-size:var(--ios-text-title3);font-weight:var(--ios-font-semibold);line-height:var(--ios-leading-snug);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label)}.ios-headline,.ios-headline-emphasis{font-family:var(--ios-font-system);font-size:var(--ios-text-headline);font-weight:var(--ios-font-semibold);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label)}.ios-body{font-family:var(--ios-font-system);font-size:var(--ios-text-body);font-weight:var(--ios-font-regular);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label)}.ios-body-emphasis{font-family:var(--ios-font-system);font-size:var(--ios-text-body);font-weight:var(--ios-font-semibold);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label)}.ios-callout{font-family:var(--ios-font-system);font-size:var(--ios-text-callout);font-weight:var(--ios-font-regular);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label)}.ios-subheadline,.ios-subheadline-emphasis{font-family:var(--ios-font-system);font-size:var(--ios-text-subheadline);font-weight:var(--ios-font-regular);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label-secondary)}.ios-footnote,.ios-footnote-emphasis{font-family:var(--ios-font-system);font-size:var(--ios-text-footnote);font-weight:var(--ios-font-regular);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label-secondary)}.ios-caption1,.ios-caption1-emphasis{font-family:var(--ios-font-system);font-size:var(--ios-text-caption1);font-weight:var(--ios-font-regular);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label-secondary)}.ios-caption2{font-family:var(--ios-font-system);font-size:var(--ios-text-caption2);font-weight:var(--ios-font-regular);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label-tertiary)}.ios-title1-emphasis{font-weight:var(--ios-font-heavy)}.ios-title2-emphasis,.ios-title3-emphasis,.ios-headline-emphasis{font-weight:var(--ios-font-bold)}.ios-subheadline-emphasis,.ios-footnote-emphasis{font-weight:var(--ios-font-semibold)}.ios-caption1-emphasis{font-weight:var(--ios-font-medium)}.ios-mono{font-family:var(--ios-font-mono);font-size:var(--ios-text-footnote);font-weight:var(--ios-font-regular);line-height:var(--ios-leading-relaxed);letter-spacing:0}.ios-mono-sm{font-family:var(--ios-font-mono);font-size:var(--ios-text-caption1)}.ios-mono-lg{font-family:var(--ios-font-mono);font-size:var(--ios-text-body)}.ios-rounded{font-family:var(--ios-font-rounded)}.ios-rounded-title{font-family:var(--ios-font-rounded);font-size:var(--ios-text-title2);font-weight:var(--ios-font-bold);line-height:var(--ios-leading-tight)}.ios-rounded-body{font-family:var(--ios-font-rounded);font-size:var(--ios-text-body);font-weight:var(--ios-font-medium);line-height:var(--ios-leading-normal)}.ios-readable-width{max-width:65ch}.ios-readable-narrow{max-width:45ch}.ios-readable-wide{max-width:80ch}.ios-paragraph{font-family:var(--ios-font-system);font-size:var(--ios-text-body);font-weight:var(--ios-font-regular);line-height:var(--ios-leading-normal);letter-spacing:var(--ios-tracking-normal);color:var(--ios-label);margin-bottom:1em}.ios-paragraph:last-child{margin-bottom:0}.text-ios-primary{color:var(--ios-label)}.text-ios-secondary{color:var(--ios-label-secondary)}.text-ios-tertiary{color:var(--ios-label-tertiary)}.text-ios-quaternary{color:var(--ios-label-quaternary)}.text-ios-blue{color:var(--ios-blue)}.text-ios-green{color:var(--ios-green)}.text-ios-red{color:var(--ios-red)}.text-ios-orange{color:var(--ios-orange)}.text-ios-teal{color:var(--ios-teal)}.text-ios-purple{color:var(--ios-purple)}.text-ios-pink{color:var(--ios-pink)}.text-ios-yellow{color:var(--ios-yellow)}.text-ios-indigo{color:var(--ios-indigo)}.ios-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios-line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ios-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ios-line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ios-line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ios-text-left{text-align:left}.ios-text-center{text-align:center}.ios-text-right{text-align:right}.ios-text-justify{text-align:justify}.ios-uppercase{text-transform:uppercase;letter-spacing:.05em}.ios-lowercase{text-transform:lowercase}.ios-capitalize{text-transform:capitalize}.ios-link{color:var(--ios-blue);text-decoration:none;cursor:pointer}.ios-link:hover{text-decoration:underline}.ios-link:active{opacity:.7}.ios-link-subtle{color:var(--ios-label-secondary);text-decoration:none}.ios-link-subtle:hover{color:var(--ios-blue)}.ios-list{font-family:var(--ios-font-system);font-size:var(--ios-text-body);line-height:var(--ios-leading-relaxed);padding-left:1.5em}.ios-list li{margin-bottom:.5em}.ios-list li:last-child{margin-bottom:0}.ios-list-none{list-style:none;padding-left:0}@media screen and (max-width:430px){.ios-large-title{font-size:calc(var(--ios-text-largeTitle) * .85)}.ios-title1,.ios-title1-emphasis{font-size:calc(var(--ios-text-title1) * .9)}.ios-title2,.ios-title2-emphasis{font-size:calc(var(--ios-text-title2) * .92)}}@media screen and (min-width:744px)and (max-width:1024px){.ios-large-title{font-size:var(--ios-text-largeTitle)}.ios-body{font-size:var(--ios-text-body)}}@media screen and (min-width:1024px){.ios-large-title{font-size:calc(var(--ios-text-largeTitle) * 1.1)}}@media(prefers-reduced-motion:reduce){.ios-text-rendering{transition:none}}@media(prefers-contrast:more){.ios-body,.ios-callout,.ios-subheadline,.ios-subheadline-emphasis,.ios-footnote,.ios-footnote-emphasis,.ios-caption1,.ios-caption1-emphasis,.ios-caption2{font-weight:var(--ios-font-medium)}.text-ios-secondary,.text-ios-tertiary{color:var(--ios-label-secondary)}}.ios-card{background:var(--ios-bg-primary, #ffffff);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f;transition:transform .2s var(--ios-ease-standard),box-shadow .2s var(--ios-ease-standard)}.ios-card:hover{box-shadow:0 2px 6px #0000000f,0 8px 24px #00000014}.ios-card--interactive{cursor:pointer}.ios-card--interactive:active{transform:scale(.98)}.ios-card--compact{padding:16px;border-radius:14px}.ios-card--large{padding:24px;border-radius:20px}.ios-card--flat{box-shadow:none;background:var(--ios-bg-secondary, #f2f2f7)}.ios-card--grouped{margin:0 16px;border-radius:12px;overflow:hidden}.ios-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ios-card__header--compact{margin-bottom:12px}.ios-card__title{font-family:var(--ios-font-system);font-size:var(--ios-text-title3, 20px);font-weight:600;color:var(--ios-label, #000);letter-spacing:-.25px;line-height:1.3}.ios-card__subtitle{font-family:var(--ios-font-system);font-size:var(--ios-text-subheadline, 15px);color:var(--ios-label-secondary, rgba(60, 60, 67, .6));margin-top:4px}.ios-card__action{color:var(--ios-blue, #007AFF);font-size:var(--ios-text-subheadline, 15px);font-weight:500;display:flex;align-items:center;gap:4px;cursor:pointer;transition:opacity .15s ease}.ios-card__action:hover{opacity:.7}.ios-card__action:active{opacity:.5}.ios-list{background:var(--ios-bg-primary, #ffffff);border-radius:12px;overflow:hidden}.ios-list--inset{margin:0 16px}.ios-list--grouped{background:transparent}.ios-list--grouped .ios-list-item{background:var(--ios-bg-primary, #ffffff)}.ios-list-item{display:flex;align-items:center;min-height:60px;padding:12px 16px;gap:12px;border-bottom:.5px solid var(--ios-separator, rgba(60, 60, 67, .29));transition:background-color .15s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.ios-list-item:last-child{border-bottom:none}.ios-list-item:hover{background-color:var(--ios-fill-quaternary, rgba(116, 116, 128, .08))}.ios-list-item:active{background-color:var(--ios-fill-tertiary, rgba(118, 118, 128, .12))}.ios-list-item--compact{min-height:48px;padding:8px 16px}.ios-list-item--large{min-height:72px;padding:16px}.ios-list-item--destructive .ios-list-item__title{color:var(--ios-red, #FF3B30)}.ios-list-item--disabled{opacity:.5;pointer-events:none}.ios-list-item__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ios-list-item__icon svg{width:22px;height:22px}.ios-list-item__icon--small{width:32px;height:32px;border-radius:8px}.ios-list-item__icon--small svg{width:18px;height:18px}.ios-list-item__icon--primary{background:linear-gradient(135deg,#229fa8,#1a7a82);color:#fff}.ios-list-item__icon--success{background:linear-gradient(135deg,#34c759,#248a3d);color:#fff}.ios-list-item__icon--warning{background:linear-gradient(135deg,#ff9500,#c93400);color:#fff}.ios-list-item__icon--danger{background:linear-gradient(135deg,#ff3b30,#d70015);color:#fff}.ios-list-item__icon--info{background:linear-gradient(135deg,#007aff,#0040dd);color:#fff}.ios-list-item__icon--muted{background:var(--ios-fill-secondary, rgba(120, 120, 128, .16));color:var(--ios-label-secondary, rgba(60, 60, 67, .6))}.ios-list-item__content{flex:1;min-width:0}.ios-list-item__title{font-family:var(--ios-font-system);font-size:var(--ios-text-body, 17px);font-weight:400;color:var(--ios-label, #000);letter-spacing:-.2px;line-height:1.3}.ios-list-item__title--emphasis{font-weight:600}.ios-list-item__subtitle{font-family:var(--ios-font-system);font-size:var(--ios-text-footnote, 13px);color:var(--ios-label-secondary, rgba(60, 60, 67, .6));margin-top:2px;line-height:1.3}.ios-list-item__value{font-family:var(--ios-font-system);font-size:var(--ios-text-body, 17px);color:var(--ios-label-secondary, rgba(60, 60, 67, .6));flex-shrink:0}.ios-list-item__chevron{width:20px;height:20px;color:var(--ios-label-tertiary, rgba(60, 60, 67, .3));flex-shrink:0;margin-left:4px}.ios-list-item__badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.ios-list-item__badge--primary{background:#229fa826;color:#229fa8}.ios-list-item__badge--success{background:#34c75926;color:#34c759}.ios-list-item__badge--warning{background:#ff950026;color:#ff9500}.ios-list-item__badge--danger{background:#ff3b3026;color:#ff3b30}.ios-list-item__badge--info{background:#007aff26;color:#007aff}.ios-list-item__badge--muted{background:var(--ios-fill-secondary, rgba(120, 120, 128, .16));color:var(--ios-label-secondary, rgba(60, 60, 67, .6))}.ios-segmented{display:inline-flex;background:var(--ios-fill-tertiary, rgba(118, 118, 128, .12));border-radius:10px;padding:2px;gap:2px}.ios-segmented--full-width{display:flex;width:100%}.ios-segmented__item{flex:1;min-height:36px;padding:8px 16px;border-radius:8px;font-family:var(--ios-font-system);font-size:var(--ios-text-footnote, 13px);font-weight:600;letter-spacing:-.1px;color:var(--ios-label-secondary, rgba(60, 60, 67, .6));background:transparent;border:none;cursor:pointer;transition:all .2s var(--ios-ease-standard);-webkit-tap-highlight-color:transparent}.ios-segmented__item:hover:not(.ios-segmented__item--active){color:var(--ios-label, #000)}.ios-segmented__item--active{background:var(--ios-bg-primary, #ffffff);color:var(--ios-label, #000);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.ios-segmented__item--large{min-height:44px;padding:10px 20px;font-size:var(--ios-text-subheadline, 15px)}.ios-stat-card{background:var(--ios-bg-primary, #ffffff);border-radius:16px;padding:20px;text-align:center;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f}.ios-stat-card--compact{padding:16px;border-radius:14px}.ios-stat-card--primary{background:linear-gradient(135deg,#229fa8,#1a7a82)}.ios-stat-card--primary .ios-stat-card__value,.ios-stat-card--primary .ios-stat-card__label{color:#fff}.ios-stat-card--success{background:linear-gradient(135deg,#34c759,#248a3d)}.ios-stat-card--success .ios-stat-card__value,.ios-stat-card--success .ios-stat-card__label{color:#fff}.ios-stat-card--warning{background:linear-gradient(135deg,#ff9500,#c93400)}.ios-stat-card--warning .ios-stat-card__value,.ios-stat-card--warning .ios-stat-card__label{color:#fff}.ios-stat-card--danger{background:linear-gradient(135deg,#ff3b30,#d70015)}.ios-stat-card--danger .ios-stat-card__value,.ios-stat-card--danger .ios-stat-card__label{color:#fff}.ios-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:var(--ios-fill-secondary, rgba(120, 120, 128, .16))}.ios-stat-card__icon svg{width:24px;height:24px}.ios-stat-card__value{font-family:var(--ios-font-system);font-size:36px;font-weight:700;color:var(--ios-label, #000);letter-spacing:-.5px;line-height:1.1}.ios-stat-card__value--large{font-size:48px}.ios-stat-card__value--small{font-size:28px}.ios-stat-card__label{font-family:var(--ios-font-system);font-size:var(--ios-text-footnote, 13px);color:var(--ios-label-secondary, rgba(60, 60, 67, .6));margin-top:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ios-stat-card__trend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;font-size:var(--ios-text-caption1, 12px);font-weight:600}.ios-stat-card__trend--up{color:var(--ios-green, #34C759)}.ios-stat-card__trend--down{color:var(--ios-red, #FF3B30)}.ios-stat-card__trend--neutral{color:var(--ios-label-secondary, rgba(60, 60, 67, .6))}.ios-action-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--ios-bg-secondary, #f2f2f7);border-radius:14px 14px 0 0;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:1000;transform:translateY(100%);transition:transform .3s var(--ios-ease-out)}.ios-action-sheet--open{transform:translateY(0)}.ios-action-sheet__group{background:var(--ios-bg-primary, #ffffff);border-radius:14px;overflow:hidden;margin-bottom:8px}.ios-action-sheet__group:last-child{margin-bottom:0}.ios-action-sheet__item{display:flex;align-items:center;justify-content:center;min-height:57px;padding:16px;font-family:var(--ios-font-system);font-size:20px;font-weight:400;color:var(--ios-blue, #007AFF);background:transparent;border:none;border-bottom:.5px solid var(--ios-separator, rgba(60, 60, 67, .29));cursor:pointer;width:100%;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.ios-action-sheet__item:last-child{border-bottom:none}.ios-action-sheet__item:hover{background-color:var(--ios-fill-quaternary, rgba(116, 116, 128, .08))}.ios-action-sheet__item:active{background-color:var(--ios-fill-tertiary, rgba(118, 118, 128, .12))}.ios-action-sheet__item--destructive{color:var(--ios-red, #FF3B30)}.ios-action-sheet__item--cancel{font-weight:600}.ios-action-sheet__backdrop{position:fixed;inset:0;background:#0006;z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.ios-action-sheet__backdrop--visible{opacity:1;pointer-events:auto}.ios-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:14px 24px;border-radius:14px;font-family:var(--ios-font-system);font-size:var(--ios-text-body, 17px);font-weight:600;letter-spacing:-.2px;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.ios-button:active{transform:scale(.97);opacity:.85}.ios-button:disabled{opacity:.5;pointer-events:none}.ios-button--primary{background:linear-gradient(180deg,#229fa8,#1a7a82);color:#fff;box-shadow:0 2px 8px #229fa84d}.ios-button--primary:hover{box-shadow:0 4px 16px #229fa866}.ios-button--secondary{background:#229fa81f;color:#229fa8}.ios-button--tertiary{background:transparent;color:var(--ios-blue, #007AFF)}.ios-button--tertiary:hover{background:var(--ios-fill-quaternary, rgba(116, 116, 128, .08))}.ios-button--destructive{background:var(--ios-red, #FF3B30);color:#fff}.ios-button--ghost{background:transparent;color:var(--ios-label, #000)}.ios-button--ghost:hover{background:var(--ios-fill-quaternary, rgba(116, 116, 128, .08))}.ios-button--small{min-height:36px;padding:8px 16px;font-size:var(--ios-text-subheadline, 15px);border-radius:10px}.ios-button--large{min-height:56px;padding:16px 32px;font-size:18px;border-radius:16px}.ios-button--full-width{width:100%}.ios-button--icon-only{padding:12px;min-height:44px;min-width:44px;border-radius:12px}.ios-alert-banner{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;cursor:pointer;transition:transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.ios-alert-banner:active{transform:scale(.98);opacity:.9}.ios-alert-banner--danger{background:linear-gradient(135deg,#ff3b30,#d70015);color:#fff}.ios-alert-banner--warning{background:linear-gradient(135deg,#ff9500,#c93400);color:#fff}.ios-alert-banner--success{background:linear-gradient(135deg,#34c759,#248a3d);color:#fff}.ios-alert-banner--info{background:linear-gradient(135deg,#007aff,#0040dd);color:#fff}.ios-alert-banner--primary{background:linear-gradient(135deg,#229fa8,#1a7a82);color:#fff}.ios-alert-banner__icon{width:40px;height:40px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ios-alert-banner__icon svg{width:22px;height:22px}.ios-alert-banner__content{flex:1;min-width:0}.ios-alert-banner__title{font-family:var(--ios-font-system);font-size:var(--ios-text-headline, 17px);font-weight:600;letter-spacing:-.2px}.ios-alert-banner__subtitle{font-family:var(--ios-font-system);font-size:var(--ios-text-subheadline, 15px);opacity:.9;margin-top:2px}.ios-alert-banner__badge{background:#ffffff40;padding:6px 12px;border-radius:20px;font-size:var(--ios-text-footnote, 13px);font-weight:700;flex-shrink:0}.ios-alert-banner__chevron{width:20px;height:20px;opacity:.7;flex-shrink:0}.ios-input{display:flex;align-items:center;min-height:50px;padding:0 16px;background:var(--ios-fill-quaternary, rgba(116, 116, 128, .08));border-radius:14px;border:2px solid transparent;transition:border-color .2s ease,background-color .2s ease}.ios-input:focus-within{border-color:var(--ios-blue, #007AFF);background:var(--ios-bg-primary, #ffffff)}.ios-input--error{border-color:var(--ios-red, #FF3B30)}.ios-input__icon{width:20px;height:20px;color:var(--ios-label-tertiary, rgba(60, 60, 67, .3));margin-right:12px;flex-shrink:0}.ios-input__field{flex:1;min-width:0;font-family:var(--ios-font-system);font-size:var(--ios-text-body, 17px);color:var(--ios-label, #000);background:transparent;border:none;outline:none;letter-spacing:-.2px}.ios-input__field::placeholder{color:var(--ios-label-tertiary, rgba(60, 60, 67, .3))}.ios-input__action{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--ios-label-secondary, rgba(60, 60, 67, .6));cursor:pointer;margin-right:-8px;border-radius:10px;transition:background-color .15s ease}.ios-input__action:hover{background:var(--ios-fill-tertiary, rgba(118, 118, 128, .12))}.ios-input__action svg{width:20px;height:20px}.ios-search{display:flex;align-items:center;min-height:36px;padding:8px 12px;background:var(--ios-fill-tertiary, rgba(118, 118, 128, .12));border-radius:10px;gap:8px}.ios-search__icon{width:18px;height:18px;color:var(--ios-label-tertiary, rgba(60, 60, 67, .3));flex-shrink:0}.ios-search__input{flex:1;min-width:0;font-family:var(--ios-font-system);font-size:var(--ios-text-body, 17px);color:var(--ios-label, #000);background:transparent;border:none;outline:none}.ios-search__input::placeholder{color:var(--ios-label-tertiary, rgba(60, 60, 67, .3))}.ios-search__clear{width:18px;height:18px;border-radius:50%;background:var(--ios-fill-secondary, rgba(120, 120, 128, .16));display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.ios-search__clear svg{width:10px;height:10px;color:var(--ios-label-secondary, rgba(60, 60, 67, .6))}.ios-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.ios-section-header__title{font-family:var(--ios-font-system);font-size:var(--ios-text-title3, 20px);font-weight:600;color:var(--ios-label, #000);letter-spacing:-.25px}.ios-section-header__action{font-family:var(--ios-font-system);font-size:var(--ios-text-subheadline, 15px);font-weight:500;color:var(--ios-blue, #007AFF);cursor:pointer;display:flex;align-items:center;gap:4px}.ios-section-header__action:hover{opacity:.7}.ios-date-header{padding:24px 16px 8px;font-family:var(--ios-font-system);font-size:var(--ios-text-footnote, 13px);font-weight:600;color:var(--ios-label-secondary, rgba(60, 60, 67, .6));text-transform:uppercase;letter-spacing:.5px}.ios-date-header:first-child{padding-top:8px}.ios-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.ios-empty-state__icon{width:64px;height:64px;border-radius:16px;background:var(--ios-fill-secondary, rgba(120, 120, 128, .16));display:flex;align-items:center;justify-content:center;margin-bottom:16px}.ios-empty-state__icon svg{width:32px;height:32px;color:var(--ios-label-tertiary, rgba(60, 60, 67, .3))}.ios-empty-state__title{font-family:var(--ios-font-system);font-size:var(--ios-text-title3, 20px);font-weight:600;color:var(--ios-label, #000);margin-bottom:8px}.ios-empty-state__description{font-family:var(--ios-font-system);font-size:var(--ios-text-subheadline, 15px);color:var(--ios-label-secondary, rgba(60, 60, 67, .6));max-width:280px;line-height:1.4}.ios-skeleton{background:linear-gradient(90deg,var(--ios-fill-tertiary, rgba(118, 118, 128, .12)) 0%,var(--ios-fill-quaternary, rgba(116, 116, 128, .08)) 50%,var(--ios-fill-tertiary, rgba(118, 118, 128, .12)) 100%);background-size:200% 100%;animation:ios-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.ios-skeleton--text{height:16px;width:100%}.ios-skeleton--title{height:24px;width:60%}.ios-skeleton--avatar{width:44px;height:44px;border-radius:22px}.ios-skeleton--card{height:120px;border-radius:16px}@keyframes ios-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ios-priority-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.ios-priority-stripe--high{background:var(--ios-red, #FF3B30)}.ios-priority-stripe--medium{background:var(--ios-orange, #FF9500)}.ios-priority-stripe--low{background:var(--ios-green, #34C759)}.ios-priority-stripe--info{background:var(--ios-blue, #007AFF)}.ios-grid{display:grid;gap:16px}.ios-grid--2-col{grid-template-columns:repeat(2,1fr)}.ios-grid--3-col{grid-template-columns:repeat(3,1fr)}.ios-grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media screen and (max-width:768px){.ios-grid--2-col,.ios-grid--3-col{grid-template-columns:1fr}}@media screen and (min-width:768px)and (max-width:1024px){.ios-grid--3-col{grid-template-columns:repeat(2,1fr)}}:root{--primary-900: #165e5b;--primary-800: #1a6d69;--primary-700: #026466;--primary-600: #229fa8;--primary-500: #4aeadc;--primary-400: #7bdcb5;--primary-300: #a6dae0;--primary-200: #96d7e4;--primary-100: #d2f0f4;--bg-primary: #ffffff;--bg-secondary: #f6feff;--bg-tertiary: #f3f4f4;--bg-subtle: #e9e9e9;--bg-muted: #eeeeee;--text-primary: #1f2124;--text-secondary: #444444;--text-tertiary: #69727d;--text-muted: #848484;--text-light: #999999;--text-inverse: #ffffff;--accent-success: #61ce70;--accent-success-dark: #2ebd59;--accent-warning: #fcb900;--accent-warning-light: #ffcb70;--accent-error: #dd2430;--accent-error-light: #f78da7;--accent-info: #0099e5;--border-light: rgba(22, 94, 91, .1);--border-default: rgba(22, 94, 91, .15);--border-medium: rgba(22, 94, 91, .25);--border-strong: rgba(22, 94, 91, .4);--border-solid: #dddddd;--gradient-primary: linear-gradient(135deg, #229fa8 0%, #165e5b 100%);--gradient-primary-vertical: linear-gradient(180deg, #229fa8 4%, #165e5b 50%);--gradient-light: linear-gradient(180deg, rgba(255, 255, 255, .14) 65%, #f6feff 100%);--gradient-soft: linear-gradient(180deg, #ffffff 0%, rgba(246, 254, 255, .77) 100%);--gradient-mint: linear-gradient(180deg, #f6feff 0%, rgba(255, 255, 255, .63) 100%);--gradient-accent: linear-gradient(180deg, #165e5b 0%, #1a6d69 100%);--gradient-overlay: linear-gradient(150deg, rgba(2, 1, 1, 0) 54%, #165e5b 91%);--gradient-hero: linear-gradient(135deg, #229fa8 0%, #165e5b 100%);--shadow-xs: 0 1px 2px rgba(22, 94, 91, .05);--shadow-sm: 0 2px 4px rgba(22, 94, 91, .08);--shadow-md: 0 4px 12px rgba(22, 94, 91, .12);--shadow-lg: 0 8px 24px rgba(22, 94, 91, .15);--shadow-xl: 0 16px 48px rgba(22, 94, 91, .18);--shadow-2xl: 0 24px 64px rgba(22, 94, 91, .22);--shadow-card: 0 4px 20px rgba(22, 94, 91, .1);--shadow-button: 0 4px 14px rgba(34, 159, 168, .35);--shadow-hover: 0 8px 30px rgba(34, 159, 168, .4);--shadow-inner: inset 0 2px 4px rgba(22, 94, 91, .06);--glow-primary: rgba(34, 159, 168, .4);--glow-accent: rgba(22, 94, 91, .5);--glow-soft: rgba(123, 220, 181, .3);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", "SF Mono", monospace;--text-xs: 14px;--text-sm: 15px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 22px;--text-3xl: 26px;--text-4xl: 32px;--text-5xl: 40px;--text-6xl: 48px;--text-display: 85px;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.8;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 50px;--radius-circle: 50%;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--container-max: 1440px;--container-lg: 1200px;--container-md: 900px;--container-sm: 600px;--z-base: 1;--z-dropdown: 100;--z-sticky: 500;--z-header: 1000;--z-modal: 2000;--z-tooltip: 3000;--font-ios: var(--ios-font-system);--space-safe-top: var(--safe-padding-top);--space-safe-bottom: var(--safe-padding-bottom);--touch-target: var(--ios-touch-min);--touch-target-comfortable: var(--ios-touch-comfortable);--radius-ios-sm: var(--ios-radius-sm);--radius-ios-md: var(--ios-radius-md);--radius-ios-lg: var(--ios-radius-lg);--radius-ios-card: var(--ios-radius-card);--shadow-ios-sm: var(--ios-shadow-sm);--shadow-ios-md: var(--ios-shadow-md);--shadow-ios-lg: var(--ios-shadow-lg);--shadow-ios-card: var(--ios-shadow-card)}:focus-visible{outline:2px solid var(--primary-500, #4aeadc);outline-offset:2px}.focus-ring-light:focus-visible{outline:2px solid #fff;outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-600, #229fa8);outline-offset:0;border-color:var(--primary-600, #229fa8)}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--primary-600, #229fa8);color:#fff;padding:1rem 2rem;border-radius:var(--radius-md, 8px);z-index:10000;text-decoration:none;font-weight:600;transition:top .2s ease}.skip-link:focus{top:1rem}.touch-target{min-width:var(--touch-min, 44px);min-height:var(--touch-min, 44px)}.touch-target-comfortable{min-width:var(--touch-comfortable, 48px);min-height:var(--touch-comfortable, 48px)}button,[role=button],a[class*=btn],.btn{min-height:var(--touch-min, 44px)}button.btn-icon,[role=button].btn-icon,a[class*=btn].btn-icon,.btn.btn-icon{min-width:var(--touch-min, 44px);padding:0;display:inline-flex;align-items:center;justify-content:center}.touch-expand{position:relative}.touch-expand:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--touch-min, 44px);height:var(--touch-min, 44px);min-width:100%;min-height:100%}.text-accessible{color:var(--text-primary, #1f2124)}.text-accessible-secondary{color:var(--text-secondary, #444444)}.text-muted-accessible{color:#6b6b6b}.text-large-only{color:var(--text-muted, #848484);font-size:18px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.sr-announce{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}body.keyboard-navigation *:focus-visible{outline-width:3px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn[aria-busy=true]{position:relative;pointer-events:none;color:transparent}.btn[aria-busy=true]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;color:inherit}@media(prefers-contrast:high){:root{--border-default: #000;--border-light: #333}button,a,input,select,textarea{border-width:2px}}@media print{a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}a[href^="#"]:after,a[href^=javascript]:after{content:""}*{color:#000!important;background:transparent!important}}.doctor-dashboard{--dashboard-bg-card: rgba(10, 26, 25, .85);--dashboard-bg-card-hover: rgba(20, 40, 38, .95);--dashboard-bg-input: rgba(6, 18, 17, .7);--text-primary: #e8f6f5;--text-secondary: rgba(232, 246, 245, .85);--text-muted: rgba(232, 246, 245, .6);--text-label: rgba(232, 246, 245, .75);--border-subtle: rgba(74, 234, 220, .15);--border-glow: rgba(74, 234, 220, .4)}.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.ambient-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 100% 100% at 0% 100%,rgba(22,94,91,.25) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(34,159,168,.15) 0%,transparent 40%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(74,234,220,.08) 0%,transparent 40%)}.neural-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(74,234,220,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(74,234,220,.02) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%);animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:.8}}.ambient-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:orbFloat 20s ease-in-out infinite}.ambient-orb.orb-1{width:300px;height:300px;background:#4aeadc1a;top:-100px;right:-50px}.ambient-orb.orb-2{width:200px;height:200px;background:#229fa81a;bottom:10%;left:-50px;animation-delay:-5s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-10px,10px) scale(.9)}75%{transform:translate(15px,15px) scale(1.05)}}.doctor-dashboard{position:relative;z-index:1;height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-darker);color:var(--text-primary);overflow:hidden}@media(min-width:820px)and (max-width:1200px){.doctor-dashboard{max-width:100%}}.dashboard-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px var(--spacing-md);border-bottom:1px solid var(--border-subtle);background:#061211d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(min-width:820px)and (max-width:1200px){.dashboard-header{padding:8px 16px}}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.logo-mark{position:relative;width:40px;height:40px}.logo-mark svg{width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(74,234,220,.4))}.logo-ring{position:absolute;inset:-4px;border:1px solid rgba(74,234,220,.3);border-radius:50%;animation:ringRotate 12s linear infinite}.logo-ring:before{content:"";position:absolute;top:-2px;left:50%;width:4px;height:4px;background:var(--primary-500);border-radius:50%;box-shadow:0 0 8px var(--primary-500)}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-name{font-size:16px;font-weight:600;letter-spacing:.5px}.brand-name .highlight{color:var(--primary-500)}.brand-subtitle{font-size:10px;color:var(--text-label);letter-spacing:1.2px;text-transform:uppercase;font-weight:500}.header-right{display:flex;align-items:center;gap:var(--spacing-xs)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;position:relative}.icon-btn:hover{background:var(--bg-card-hover);border-color:var(--border-glow);color:var(--primary-500)}.icon-btn svg{width:18px;height:18px}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--status-critical);border-radius:50%;animation:notificationPulse 2s ease-in-out infinite}@keyframes notificationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.user-avatar{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid var(--border-glow);cursor:pointer;transition:all .3s ease}.user-avatar:hover{border-color:var(--primary-500);box-shadow:0 0 15px #4aeadc4d}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm) var(--spacing-md);padding-bottom:90px}@media(min-width:820px)and (max-width:1200px){.tab-content{padding:12px 16px 85px}}.tab-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.tab-panel{display:none;animation:fadeIn .3s ease}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.greeting-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media(min-width:1024px){.greeting-section{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}}.greeting-content{flex:1;min-width:0;width:100%}.greeting-time{font-size:11px;color:var(--text-label);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-weight:500}.greeting-text{font-size:24px;font-weight:300;line-height:1.2;margin:0 0 6px;color:var(--text-secondary);white-space:nowrap}.greeting-text strong{font-weight:600;background:linear-gradient(135deg,var(--primary-400),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:1024px){.greeting-text{font-size:28px}}@media(max-width:400px){.greeting-text{white-space:normal;font-size:20px}}.greeting-subtitle{font-size:14px;color:var(--text-label);line-height:1.4;margin:0}.service-center-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--dashboard-bg-card),rgba(74,234,220,.1));border:1px solid var(--border-glow);border-radius:var(--radius-md);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;color:inherit;text-align:left;width:100%}@media(min-width:1024px){.service-center-btn{width:auto;min-width:280px;flex-shrink:0}}.service-center-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.service-center-btn:hover{transform:translateY(-1px);box-shadow:var(--glow-primary);border-color:var(--primary-500)}.service-center-btn:hover .service-center-btn-arrow{background:var(--primary-500);border-color:var(--primary-500);color:#fff;transform:translate(2px)}.service-center-btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-sm);flex-shrink:0}@media(min-width:820px)and (max-width:1200px){.service-center-btn-icon{width:36px;height:36px}}.service-center-btn-icon svg{width:20px;height:20px;color:#fff}.service-center-btn-content{text-align:left;flex:1;min-width:0}.service-center-btn-title{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.service-center-btn-stats{display:flex;align-items:center;gap:var(--spacing-sm);font-size:11px;color:var(--text-label)}.service-center-btn-stat{display:flex;align-items:center;gap:3px}.service-center-btn-stat-value{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--primary-500)}.service-center-btn-stat-value.warning{color:var(--status-warning)}.service-center-btn-arrow{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-label);margin-left:auto;transition:all .25s ease;flex-shrink:0}.service-center-btn-arrow svg{width:12px;height:12px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media(min-width:820px)and (max-width:1200px){.quick-actions{gap:10px}}@media(max-width:768px){.quick-actions{grid-template-columns:repeat(2,1fr)}}.quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);background:var(--dashboard-bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease}@media(min-width:820px)and (max-width:1200px){.quick-action{padding:14px 10px;gap:6px}}.quick-action:hover{background:var(--dashboard-bg-card-hover);border-color:var(--border-glow);transform:translateY(-2px)}.quick-action:hover .quick-action-icon{transform:scale(1.08)}.quick-action:hover .quick-action-label{color:var(--primary-500)}.quick-action-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:transform .25s ease}@media(min-width:820px)and (max-width:1200px){.quick-action-icon{width:44px;height:44px}}.quick-action-icon svg{width:22px;height:22px}.quick-action-icon.teal{background:#4aeadc2e;color:var(--primary-500)}.quick-action-icon.amber{background:#f59e0b2e;color:var(--status-warning)}.quick-action-label{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;transition:color .25s ease}@media(min-width:820px)and (max-width:1200px){.quick-action-label{font-size:12px}}.quick-action-sublabel{font-size:11px;color:var(--text-label);margin-top:-2px;text-align:center}.analytics-card{background:var(--dashboard-bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}@media(min-width:820px)and (max-width:1200px){.analytics-card{padding:14px}}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.analytics-badge{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#4aeadc1f;border:1px solid var(--border-glow);border-radius:16px;font-size:11px;font-weight:500;color:var(--primary-500)}.analytics-badge:before{content:"";width:6px;height:6px;background:var(--status-healthy);border-radius:50%;animation:pulse 2s ease-in-out infinite}.analytics-badge svg{width:12px;height:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.analytics-link{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--primary-500);text-decoration:none;transition:all .2s ease;background:none;border:none;cursor:pointer}.analytics-link:hover{color:var(--primary-400)}.analytics-link svg{width:14px;height:14px}.analytics-title{font-size:15px;font-weight:600;color:var(--text-label);margin-bottom:var(--spacing-sm)}@media(max-width:768px){.analytics-title{font-size:13px;margin-bottom:var(--spacing-xs)}}.analytics-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media(min-width:820px)and (max-width:1200px){.analytics-metrics{gap:var(--spacing-sm)}}@media(max-width:768px){.analytics-metrics{display:flex;flex-wrap:nowrap;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}.analytics-metrics::-webkit-scrollbar{display:none}}.metric{display:flex;flex-direction:column;gap:2px}@media(max-width:768px){.metric{flex:0 0 auto;min-width:90px;padding:var(--spacing-xs) var(--spacing-sm);background:#4aeadc0f;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center;gap:2px}}.metric-label{font-size:10px;color:var(--text-label);text-transform:uppercase;letter-spacing:.8px;font-weight:500}@media(max-width:768px){.metric-label{font-size:9px;letter-spacing:.5px}}.metric-value{font-size:28px;font-weight:400;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.metric-value.highlight{color:var(--primary-500)}.metric-value.success{color:var(--status-healthy)}@media(min-width:820px)and (max-width:1200px){.metric-value{font-size:24px}}@media(max-width:768px){.metric-value{font-size:18px;font-weight:500}}.metric-change{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500}.metric-change.positive{color:var(--status-healthy)}.metric-change.negative{color:var(--status-critical)}.metric-change svg{width:11px;height:11px}@media(max-width:768px){.metric-change{font-size:9px;justify-content:center}.metric-change svg{width:9px;height:9px}}.analytics-status{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);flex-wrap:wrap}@media(max-width:768px){.analytics-status{gap:var(--spacing-sm);padding-top:var(--spacing-xs)}}.status-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-label);font-weight:500}.status-indicator:before{content:"";width:7px;height:7px;border-radius:50%}.status-indicator.online:before{background:var(--status-healthy);box-shadow:0 0 6px var(--status-healthy)}.status-indicator svg{width:14px;height:14px;color:var(--text-label)}.status-indicator span{font-family:JetBrains Mono,monospace}@media(max-width:768px){.status-indicator{font-size:10px}.status-indicator:before{width:6px;height:6px}.status-indicator svg{width:12px;height:12px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));background:#061211f2;border-top:1px solid var(--border-subtle);backdrop-filter:blur(10px);z-index:100}.nav-container{display:flex;justify-content:space-around;width:100%;max-width:500px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-md);background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:11px;cursor:pointer;transition:all .3s ease;position:relative}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--primary-500)}.nav-item.active:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--primary-500);border-radius:50%;box-shadow:0 0 8px var(--primary-500)}.nav-item:not(.active):hover{color:var(--text-secondary)}.nav-badge{position:absolute;top:0;right:8px;min-width:18px;height:18px;padding:0 5px;background:var(--status-critical);color:#fff;font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.ddsai-fab{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;z-index:99}.ddsai-fab:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-2px);box-shadow:var(--glow-primary)}.ddsai-fab-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-md)}.ddsai-fab-icon svg{width:20px;height:20px;color:var(--bg-darker)}.ddsai-fab-text{display:flex;flex-direction:column;text-align:left}.ddsai-fab-title{font-size:14px;font-weight:600;color:var(--text-primary)}.ddsai-fab-subtitle{font-size:10px;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px;font-weight:500}.ddsai-fab-subtitle:before{content:"";width:6px;height:6px;background:var(--status-healthy);border-radius:50%}.ddsai-overlay{position:fixed;inset:0;z-index:200;background:#0009;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease}.ddsai-overlay.active{opacity:1;visibility:visible}.ddsai-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:462px;background:#061615;border-left:1px solid rgba(74,234,220,.25);box-shadow:-4px 0 20px #0006;z-index:201;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.ddsai-panel.active{transform:translate(0)}.ddsai-header{flex-shrink:0;padding:var(--spacing-lg);border-bottom:1px solid rgba(74,234,220,.2);background:linear-gradient(180deg,#0a1e1c,#071413)}.ddsai-header-content{display:flex;align-items:center;justify-content:space-between}.ddsai-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.ddsai-avatar{position:relative;width:48px;height:48px}.ddsai-avatar-ring{position:absolute;inset:-3px;border:2px solid var(--primary-500);border-radius:50%;opacity:.5}.ddsai-avatar-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-radius:50%;display:flex;align-items:center;justify-content:center}.ddsai-avatar-inner svg{width:24px;height:24px;color:var(--primary-400)}.ddsai-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--status-healthy);border:2px solid var(--bg-dark);border-radius:50%}.ddsai-header-text h2{font-size:16px;font-weight:600;margin-bottom:2px}.ddsai-header-text h2 span{background:linear-gradient(135deg,var(--primary-400),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ddsai-header-subtitle{display:flex;align-items:center;gap:6px;font-size:12px;color:#a0c4c2}.ddsai-live-dot{width:6px;height:6px;background:var(--status-healthy);border-radius:50%;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.5}}.ddsai-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0a1e1ce6;border:1.5px solid rgba(74,234,220,.3);border-radius:var(--radius-sm);color:#c0d8d6;cursor:pointer;transition:all .2s ease}.ddsai-close:hover{background:#4aeadc1f;border-color:#4aeadc80;color:var(--primary-500)}.ddsai-close svg{width:18px;height:18px}.ddsai-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.ddsai-welcome{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ddsai-welcome-header{text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#4aeadc1a,#229fa80f);border:1.5px solid rgba(74,234,220,.25);border-radius:var(--radius-xl)}.ddsai-welcome-avatar{width:64px;height:64px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #4aeadc33}.ddsai-welcome-avatar svg{width:32px;height:32px;color:var(--primary-400)}.ddsai-welcome-title{font-size:20px;font-weight:600;margin-bottom:var(--spacing-xs);color:#e8f6f5}.ddsai-welcome-subtitle{font-size:14px;color:#b8d4d2}.ddsai-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.ddsai-quick-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#0a1e1ce6;border:1.5px solid rgba(74,234,220,.35);border-radius:var(--radius-md);color:#e8f6f5;font-family:inherit;cursor:pointer;transition:all .2s ease}.ddsai-quick-btn:hover{background:#4aeadc1f;border-color:#4aeadc99;color:var(--primary-500);transform:translateY(-2px)}.ddsai-quick-btn svg{width:24px;height:24px;color:var(--primary-500)}.ddsai-quick-btn span{font-size:13px;font-weight:600;color:#e8f6f5}.ddsai-suggestions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ddsai-suggestions-label{font-size:11px;color:#9ab8b6;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.ddsai-suggestion-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.ddsai-chip{padding:8px 14px;background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.3);border-radius:20px;color:#d0e8e6;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.ddsai-chip:hover{background:#4aeadc26;border-color:#4aeadc99;color:var(--primary-500)}.ddsai-footer{flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(74,234,220,.2);background:#061615}.ddsai-input-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.ddsai-input{flex:1;padding:14px 18px;background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.25);border-radius:var(--radius-lg);color:#e8f6f5;font-family:inherit;font-size:14px;outline:none;transition:all .2s ease}.ddsai-input:focus{border-color:#4aeadc80}.ddsai-input::placeholder{color:#7a9a98}.ddsai-send{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);color:var(--bg-darker);cursor:pointer;transition:all .2s ease}.ddsai-send:hover{transform:scale(1.05);box-shadow:0 0 20px #4aeadc66}.ddsai-send svg{width:18px;height:18px}.ddsai-voice-btn{width:100%;padding:14px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:transparent;border:1px solid var(--primary-500);border-radius:var(--radius-lg);color:var(--primary-500);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-md)}.ddsai-voice-btn:hover{background:#4aeadc1a;box-shadow:0 0 20px #4aeadc33}.ddsai-voice-btn svg{width:18px;height:18px}.ddsai-footer-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;color:#9ab8b6}.ddsai-footer-phone{display:flex;align-items:center;gap:6px;color:var(--primary-500);text-decoration:none}.ddsai-footer-phone svg{width:14px;height:14px}.tickets-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.tickets-header-left{display:flex;align-items:flex-start;gap:var(--spacing-md)}.tickets-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tickets-icon-wrapper svg{color:var(--primary-400)}.tickets-header-text{display:flex;flex-direction:column;gap:4px}.tickets-label{font-size:11px;color:var(--primary-500);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.tickets-title{font-size:24px;font-weight:600;color:#e8f6f5;margin:0}.tickets-title strong{color:var(--primary-500)}.tickets-subtitle{font-size:14px;color:#9ab8b6;margin:0}.tickets-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.tickets-refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.25);border-radius:var(--radius-sm);color:#9ab8b6;cursor:pointer;transition:all .2s ease}.tickets-refresh-btn:hover{background:#4aeadc1a;border-color:#4aeadc66;color:var(--primary-500)}.tickets-create-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-md);color:#061615;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tickets-create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4aeadc4d}.tickets-filters{margin-bottom:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.tickets-filters::-webkit-scrollbar{display:none}.tickets-filter-tabs{display:flex;gap:var(--spacing-xs);padding:4px;background:#0a1e1c99;border-radius:var(--radius-lg);border:1px solid rgba(74,234,220,.15);width:fit-content}.tickets-filter-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:#9ab8b6;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tickets-filter-tab:hover{color:#d0e8e6;background:#4aeadc14}.tickets-filter-tab.active{background:#4aeadc26;color:var(--primary-500)}.tickets-filter-count{padding:2px 8px;background:#4aeadc33;border-radius:10px;font-size:11px;font-weight:600;color:var(--primary-500)}.tickets-content{min-height:300px}.tickets-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:var(--spacing-md)}.tickets-loading p{color:#9ab8b6;font-size:14px}.tickets-loading-spinner{width:40px;height:40px;border:3px solid rgba(74,234,220,.2);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.tickets-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:var(--spacing-md)}.tickets-error p{color:#ef4444;font-size:14px}.tickets-error button{padding:10px 20px;background:#4aeadc26;border:1px solid rgba(74,234,220,.3);border-radius:var(--radius-md);color:var(--primary-500);cursor:pointer;font-family:inherit}.tickets-error button:hover{background:#4aeadc40}.tickets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:var(--spacing-md)}.tickets-empty-icon{width:64px;height:64px;background:#4aeadc1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.tickets-empty-icon svg{width:32px;height:32px;color:var(--primary-500)}.tickets-empty h3{font-size:18px;font-weight:600;color:#e8f6f5;margin:0}.tickets-empty p{font-size:14px;color:#9ab8b6;margin:0;max-width:300px}.tickets-empty-cta{display:flex;align-items:center;gap:var(--spacing-xs);padding:12px 20px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-md);color:#061615;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-top:var(--spacing-sm);transition:all .2s ease}.tickets-empty-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4aeadc4d}.tickets-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:900px){.tickets-list{grid-template-columns:1fr}}.ticket-card{position:relative;padding:var(--spacing-md);background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;min-height:160px}.ticket-card:hover{background:#4aeadc14;border-color:#4aeadc59;transform:translateY(-2px);box-shadow:0 4px 20px #4aeadc26}.ticket-card:hover .ticket-card-arrow{opacity:1;transform:translate(0)}.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.ticket-card-id{font-size:12px;font-weight:600;color:var(--primary-500);font-family:SF Mono,Monaco,Consolas,monospace}.ticket-card-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.ticket-status-badge,.ticket-priority-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize;border:1px solid transparent}.ticket-status-badge{border-width:1px;border-style:solid}.ticket-card-subject{font-size:16px;font-weight:600;color:#e8f6f5;margin:0 0 var(--spacing-xs);line-height:1.4}.ticket-card-description{font-size:13px;color:#9ab8b6;margin:0 0 var(--spacing-sm);line-height:1.5}.ticket-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid rgba(74,234,220,.1)}.ticket-card-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.ticket-card-category,.ticket-card-requester{font-size:12px;color:#7a9a98}.ticket-card-category:before,.ticket-card-requester:before{content:"•";margin-right:6px;color:#4aeadc66}.ticket-card-category:first-child:before,.ticket-card-requester:first-child:before{display:none}.ticket-card-category{text-transform:capitalize}.ticket-card-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#7a9a98}.ticket-card-time svg{opacity:.7}.ticket-card-arrow{position:absolute;right:var(--spacing-md);top:50%;transform:translate(-8px) translateY(-50%);opacity:0;color:var(--primary-500);transition:all .2s ease}.ticket-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.ticket-modal{width:100%;max-width:560px;max-height:90vh;background:#0a1e1c;border:1px solid rgba(74,234,220,.25);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.ticket-modal-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(74,234,220,.15);background:linear-gradient(180deg,rgba(74,234,220,.08),transparent)}.ticket-modal-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.ticket-modal-id{font-size:12px;font-weight:600;color:var(--primary-500);font-family:SF Mono,Monaco,Consolas,monospace}.ticket-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#9ab8b6;font-size:20px;cursor:pointer}.ticket-modal-close:hover{background:#ffffff1a;color:#e8f6f5}.ticket-modal-subject{font-size:20px;font-weight:600;color:#e8f6f5;margin:0 0 var(--spacing-md);line-height:1.4}.ticket-modal-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.ticket-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.ticket-modal-section{margin-bottom:var(--spacing-lg)}.ticket-modal-section h4{font-size:12px;font-weight:600;color:var(--primary-500);text-transform:uppercase;letter-spacing:.8px;margin:0 0 var(--spacing-sm)}.ticket-modal-section p{font-size:14px;color:#c8e0de;line-height:1.6;margin:0;white-space:pre-wrap}.ticket-modal-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.ticket-modal-meta-item{display:flex;flex-direction:column;gap:4px}.ticket-modal-meta-item .label{font-size:11px;color:#7a9a98;text-transform:uppercase;letter-spacing:.5px}.ticket-modal-meta-item .value{font-size:14px;color:#d0e8e6;font-weight:500}.ticket-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(74,234,220,.15);background:#0003}.ticket-modal-btn{padding:10px 20px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ticket-modal-btn.secondary{background:transparent;border:1px solid rgba(74,234,220,.3);color:#9ab8b6}.ticket-modal-btn.secondary:hover{background:#4aeadc1a;border-color:#4aeadc80;color:#d0e8e6}.ticket-modal-btn.primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;color:#061615}.ticket-modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4aeadc4d}@media(max-width:600px){.tickets-header{flex-direction:column}.tickets-header-actions{width:100%;justify-content:flex-end}.ticket-modal-meta{grid-template-columns:1fr}.ticket-modal-footer{flex-direction:column}.ticket-modal-footer .ticket-modal-btn{width:100%}}.devices-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.devices-header-left{display:flex;align-items:flex-start;gap:var(--spacing-md)}.devices-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.devices-icon-wrapper svg{color:var(--primary-400)}.devices-header-text{display:flex;flex-direction:column;gap:4px}.devices-label{font-size:11px;color:var(--primary-500);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.devices-title{font-size:24px;font-weight:600;color:#e8f6f5;margin:0}.devices-title strong{color:var(--primary-500)}.devices-subtitle{font-size:14px;color:#9ab8b6;margin:0}.devices-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.devices-health-badge{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.2);border-radius:var(--radius-md)}.devices-health-badge .health-label{font-size:10px;color:#7a9a98;text-transform:uppercase;letter-spacing:.5px}.devices-health-badge .health-value{font-size:20px;font-weight:700}.devices-refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.25);border-radius:var(--radius-sm);color:#9ab8b6;cursor:pointer;transition:all .2s ease}.devices-refresh-btn:hover{background:#4aeadc1a;border-color:#4aeadc66;color:var(--primary-500)}.devices-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(max-width:600px){.devices-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}}.device-stat-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.15);border-radius:var(--radius-md)}.device-stat-card .stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff0d}.device-stat-card .stat-content{display:flex;flex-direction:column}.device-stat-card .stat-value{font-size:24px;font-weight:700;color:#e8f6f5;line-height:1}.device-stat-card .stat-label{font-size:12px;color:#7a9a98;margin-top:2px}.device-stat-card.online{border-color:#22c55e4d}.device-stat-card.online .stat-icon{background:#22c55e26}.device-stat-card.offline{border-color:#ef44444d}.device-stat-card.offline .stat-icon{background:#ef444426}.device-stat-card.warning{border-color:#fbbf244d}.device-stat-card.warning .stat-icon{background:#fbbf2426}.devices-filters{margin-bottom:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.devices-filters::-webkit-scrollbar{display:none}.devices-filter-tabs{display:flex;gap:var(--spacing-xs);padding:4px;background:#0a1e1c99;border-radius:var(--radius-lg);border:1px solid rgba(74,234,220,.15);width:fit-content}.devices-filter-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:#9ab8b6;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.devices-filter-tab:hover{color:#d0e8e6;background:#4aeadc14}.devices-filter-tab.active{background:#4aeadc26;color:var(--primary-500)}.devices-filter-count{padding:2px 8px;background:#4aeadc33;border-radius:10px;font-size:11px;font-weight:600;color:var(--primary-500)}.devices-content{min-height:300px}.devices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:var(--spacing-md)}.devices-loading p{color:#9ab8b6;font-size:14px}.devices-loading-spinner{width:40px;height:40px;border:3px solid rgba(74,234,220,.2);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.devices-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:var(--spacing-md)}.devices-error p{color:#ef4444;font-size:14px}.devices-error button{padding:10px 20px;background:#4aeadc26;border:1px solid rgba(74,234,220,.3);border-radius:var(--radius-md);color:var(--primary-500);cursor:pointer;font-family:inherit}.devices-error button:hover{background:#4aeadc40}.devices-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:var(--spacing-md)}.devices-empty-icon{width:64px;height:64px;background:#4aeadc1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.devices-empty-icon svg{color:var(--primary-500)}.devices-empty h3{font-size:18px;font-weight:600;color:#e8f6f5;margin:0}.devices-empty p{font-size:14px;color:#9ab8b6;margin:0}.devices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:900px){.devices-grid{grid-template-columns:1fr}}.device-card{position:relative;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 4px);background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;overflow:hidden}.device-card:hover{background:#4aeadc14;border-color:#4aeadc59;transform:translateY(-2px);box-shadow:0 4px 20px #4aeadc26}.device-card-status-line{position:absolute;top:0;left:0;right:0;height:3px}.device-card-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.device-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-sm);flex-shrink:0}.device-card-info{flex:1;min-width:0}.device-card-name{font-size:15px;font-weight:600;color:#e8f6f5;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card-type{font-size:12px;color:#7a9a98;text-transform:capitalize}.device-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize;border:1px solid;flex-shrink:0}.device-status-badge .status-dot{width:6px;height:6px;border-radius:50%}.device-health-bar{margin-bottom:var(--spacing-md)}.health-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.health-bar-label{font-size:11px;color:#7a9a98}.health-bar-value{font-size:13px;font-weight:600}.health-bar-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.health-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.device-card-details{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-md)}.device-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.device-detail-row .detail-label{color:#7a9a98}.device-detail-row .detail-value{color:#b8d4d2;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.device-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid rgba(74,234,220,.1)}.device-last-seen{display:flex;align-items:center;gap:4px;font-size:11px;color:#7a9a98}.device-last-seen svg{opacity:.7}.device-agent-version{font-size:10px;color:#5a8a88;font-family:SF Mono,Monaco,monospace}.device-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.device-modal{width:100%;max-width:560px;max-height:90vh;background:#0a1e1c;border:1px solid rgba(74,234,220,.25);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.device-modal-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(74,234,220,.15);background:linear-gradient(180deg,rgba(74,234,220,.08),transparent)}.device-modal-title-row{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.device-modal-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-md);flex-shrink:0}.device-modal-title-text{flex:1}.device-modal-title-text h2{font-size:20px;font-weight:600;color:#e8f6f5;margin:0 0 4px}.device-modal-hostname{font-size:12px;color:#7a9a98;font-family:SF Mono,Monaco,monospace}.device-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#9ab8b6;font-size:20px;cursor:pointer}.device-modal-close:hover{background:#ffffff1a;color:#e8f6f5}.device-modal-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.device-type-badge{padding:4px 10px;background:#4aeadc1a;border:1px solid rgba(74,234,220,.2);border-radius:12px;font-size:11px;font-weight:500;color:var(--primary-500);text-transform:capitalize}.device-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.device-modal-section{margin-bottom:var(--spacing-lg)}.device-modal-section h4{font-size:12px;font-weight:600;color:var(--primary-500);text-transform:uppercase;letter-spacing:.8px;margin:0 0 var(--spacing-md)}.device-health-large{display:flex;justify-content:center;padding:var(--spacing-md)}.health-circle{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--health-color) var(--health-percent),rgba(255,255,255,.1) var(--health-percent));display:flex;align-items:center;justify-content:center;position:relative}.health-circle:before{content:"";position:absolute;inset:8px;background:#0a1e1c;border-radius:50%}.health-circle-value{position:relative;font-size:24px;font-weight:700;color:#e8f6f5}.device-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.device-modal-item{display:flex;flex-direction:column;gap:4px}.device-modal-item .label{font-size:11px;color:#7a9a98;text-transform:uppercase;letter-spacing:.5px}.device-modal-item .value{font-size:14px;color:#d0e8e6;font-weight:500}.device-modal-item .value.mono{font-family:SF Mono,Monaco,monospace;font-size:12px}.device-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(74,234,220,.15);background:#0003}.device-modal-btn{padding:10px 20px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.device-modal-btn.secondary{background:transparent;border:1px solid rgba(74,234,220,.3);color:#9ab8b6}.device-modal-btn.secondary:hover{background:#4aeadc1a;border-color:#4aeadc80;color:#d0e8e6}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.activity-header-left{display:flex;align-items:flex-start;gap:var(--spacing-md)}.activity-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-wrapper svg{color:var(--primary-400)}.activity-header-text{display:flex;flex-direction:column;gap:4px}.activity-label{font-size:11px;color:var(--primary-500);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.activity-title{font-size:24px;font-weight:600;color:#e8f6f5;margin:0}.activity-title strong{color:var(--primary-500)}.activity-subtitle{font-size:14px;color:#9ab8b6;margin:0}.activity-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.activity-refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.25);border-radius:var(--radius-sm);color:#9ab8b6;cursor:pointer;transition:all .2s ease}.activity-refresh-btn:hover{background:#4aeadc1a;border-color:#4aeadc66;color:var(--primary-500)}.activity-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(max-width:700px){.activity-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.activity-summary{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}.summary-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#0a1e1ccc;border:1.5px solid rgba(74,234,220,.15);border-radius:var(--radius-md);transition:all .2s ease}.summary-card:hover{border-color:#4aeadc4d;background:#4aeadc0d}.summary-card .summary-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.summary-card .summary-content{display:flex;flex-direction:column}.summary-card .summary-value{font-size:22px;font-weight:700;color:#e8f6f5;line-height:1}.summary-card .summary-label{font-size:11px;color:#7a9a98;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.summary-card.success{border-color:#22c55e40}.summary-card.success .summary-icon{background:#22c55e26;color:#22c55e}.summary-card.info{border-color:#3b82f640}.summary-card.info .summary-icon{background:#3b82f626;color:#3b82f6}.summary-card.warning{border-color:#fbbf2440}.summary-card.warning .summary-icon{background:#fbbf2426;color:#fbbf24}.summary-card.total{border-color:#4aeadc40}.summary-card.total .summary-icon{background:#4aeadc26;color:var(--primary-500)}.activity-filters{margin-bottom:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.activity-filters::-webkit-scrollbar{display:none}.activity-filter-tabs{display:flex;gap:var(--spacing-xs);padding:4px;background:#0a1e1c99;border-radius:var(--radius-lg);border:1px solid rgba(74,234,220,.15);width:fit-content}.activity-filter-tab{display:flex;align-items:center;gap:6px;padding:10px 14px;background:transparent;border:none;border-radius:var(--radius-md);color:#9ab8b6;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.activity-filter-tab:hover{color:#d0e8e6;background:#4aeadc14}.activity-filter-tab.active{background:#4aeadc26;color:var(--primary-500)}.activity-filter-count{padding:2px 8px;background:#4aeadc33;border-radius:10px;font-size:11px;font-weight:600;color:var(--primary-500)}.activity-content{min-height:300px}.activity-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:var(--spacing-md)}.activity-loading p{color:#9ab8b6;font-size:14px}.activity-loading-spinner{width:40px;height:40px;border:3px solid rgba(74,234,220,.2);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.activity-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:var(--spacing-md)}.activity-error p{color:#ef4444;font-size:14px}.activity-error button{padding:10px 20px;background:#4aeadc26;border:1px solid rgba(74,234,220,.3);border-radius:var(--radius-md);color:var(--primary-500);cursor:pointer;font-family:inherit}.activity-error button:hover{background:#4aeadc40}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:var(--spacing-md)}.activity-empty-icon{width:64px;height:64px;background:#4aeadc1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.activity-empty-icon svg{color:var(--primary-500)}.activity-empty h3{font-size:18px;font-weight:600;color:#e8f6f5;margin:0}.activity-empty p{font-size:14px;color:#9ab8b6;margin:0}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-xl)}.activity-day-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-day-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(74,234,220,.15)}.activity-day-label{font-size:14px;font-weight:600;color:var(--primary-500);text-transform:uppercase;letter-spacing:.5px}.activity-day-count{font-size:12px;color:#7a9a98}.activity-day-events{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-event-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#0a1e1c99;border:1px solid rgba(74,234,220,.15);border-radius:var(--radius-lg);transition:all .2s ease}.activity-event-card:hover{background:#4aeadc0d;border-color:#4aeadc40}.activity-event-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid;flex-shrink:0}.activity-event-content{flex:1;min-width:0}.activity-event-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:4px;flex-wrap:wrap}.activity-event-title{font-size:15px;font-weight:600;color:#e8f6f5;margin:0}.activity-event-status{padding:3px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.activity-event-subtitle{font-size:13px;color:#9ab8b6;margin:0 0 var(--spacing-sm)}.activity-event-metric{display:inline-flex;align-items:baseline;gap:4px;margin-bottom:var(--spacing-xs)}.activity-event-metric .metric-value{font-size:20px;font-weight:700}.activity-event-metric .metric-label{font-size:12px;color:#7a9a98}.activity-event-reassurance{font-size:12px;color:#7a9a98;margin:0;padding-top:var(--spacing-xs);border-top:1px dashed rgba(74,234,220,.1);font-style:italic}.entrance-animation{position:fixed;inset:0;z-index:9999;background:var(--bg-darker);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease}.entrance-animation.fade-out{opacity:0;pointer-events:none}.entrance-logo{position:relative;width:120px;height:120px;margin-bottom:var(--spacing-xl);animation:logoEntry 1s ease-out}@keyframes logoEntry{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.entrance-ring{position:absolute;inset:0;border:2px solid var(--primary-500);border-radius:50%;animation:entranceRing 2s ease-out infinite}.entrance-ring:nth-child(2){animation-delay:.5s}@keyframes entranceRing{0%{transform:scale(1);opacity:.5}to{transform:scale(2);opacity:0}}.entrance-core{position:absolute;inset:20px;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #4aeadc66}.entrance-core svg{width:50%;height:50%;color:var(--primary-400)}.entrance-text{text-align:center;animation:textFadeIn 1s ease-out .3s both}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.entrance-title{font-size:28px;font-weight:600;margin-bottom:var(--spacing-xs)}.entrance-title span{color:var(--primary-500)}.entrance-subtitle{font-size:14px;color:var(--text-label);letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.entrance-progress{width:200px;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden;margin-top:var(--spacing-xl)}.entrance-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-600),var(--primary-400));border-radius:2px;animation:progressFill 2s ease-out forwards}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compliance-card{background:var(--dashboard-bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative;overflow:hidden}@media(min-width:820px)and (max-width:1200px){.compliance-card{padding:14px}}.compliance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--status-healthy),var(--primary-500))}.compliance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.compliance-title-row{display:flex;align-items:center;gap:var(--spacing-md)}.compliance-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4aeadc33,#4aeadc0d);border:1px solid var(--primary-500);border-radius:var(--radius-md)}.compliance-icon svg{width:24px;height:24px;color:var(--primary-500)}.compliance-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.compliance-subtitle{font-size:11px;color:var(--text-label);margin:2px 0 0}.compliance-score{display:flex;flex-direction:column;align-items:flex-end;padding:var(--spacing-sm) var(--spacing-md);background:#4aeadc1a;border-radius:var(--radius-md);border:1px solid var(--primary-600)}.compliance-score-value{font-size:24px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--primary-500)}.compliance-score-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-label);font-weight:500}.compliance-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media(max-width:768px){.compliance-checks{grid-template-columns:1fr}}.compliance-check{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:3px solid transparent}.compliance-check.success{border-left-color:var(--status-healthy)}.compliance-check.success .compliance-check-icon svg{color:var(--status-healthy)}.compliance-check.warning{border-left-color:var(--status-warning);background:#f59e0b0d}.compliance-check.warning .compliance-check-icon svg{color:var(--status-warning)}.compliance-check.critical{border-left-color:var(--status-critical);background:#ef44440d}.compliance-check.critical .compliance-check-icon svg{color:var(--status-critical)}.compliance-check-icon{flex-shrink:0}.compliance-check-icon svg{width:16px;height:16px}.compliance-check-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.compliance-check-name{font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compliance-check-details{font-size:10px;color:var(--status-warning)}.compliance-check-time{font-size:10px;color:var(--text-label);white-space:nowrap}.compliance-footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.compliance-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.compliance-action-btn svg{width:14px;height:14px}.compliance-action-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.predictive-card{background:var(--dashboard-bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative;overflow:hidden}@media(min-width:820px)and (max-width:1200px){.predictive-card{padding:14px}}.predictive-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--status-warning),var(--primary-500))}.predictive-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.predictive-title-row{display:flex;align-items:center;gap:var(--spacing-md)}.predictive-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border:1px solid var(--status-warning);border-radius:var(--radius-md)}.predictive-icon svg{width:24px;height:24px;color:var(--status-warning)}.predictive-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.predictive-subtitle{font-size:11px;color:var(--text-label);margin:2px 0 0}.predictive-summary{display:flex;flex-direction:column;align-items:flex-end;padding:var(--spacing-sm) var(--spacing-md);background:#f59e0b1a;border-radius:var(--radius-md);border:1px solid var(--status-warning)}.predictive-count{font-size:24px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--status-warning)}.predictive-count-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-label);font-weight:500}.predictive-alerts{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.predictive-alert{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden}.predictive-alert.critical{border-left:4px solid var(--status-critical)}.predictive-alert.critical .predictive-alert-icon{background:#ef444426;border-color:var(--status-critical)}.predictive-alert.critical .predictive-alert-icon svg{color:var(--status-critical)}.predictive-alert.critical .predictive-alert-timeframe-value{color:var(--status-critical)}.predictive-alert.warning{border-left:4px solid var(--status-warning)}.predictive-alert.warning .predictive-alert-icon{background:#f59e0b26;border-color:var(--status-warning)}.predictive-alert.warning .predictive-alert-icon svg{color:var(--status-warning)}.predictive-alert.warning .predictive-alert-timeframe-value{color:var(--status-warning)}.predictive-alert.info{border-left:4px solid var(--primary-500)}.predictive-alert.info .predictive-alert-icon{background:#4aeadc26;border-color:var(--primary-500)}.predictive-alert.info .predictive-alert-icon svg{color:var(--primary-500)}.predictive-alert.info .predictive-alert-timeframe-value{color:var(--primary-500)}.predictive-alert-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.predictive-alert-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid;flex-shrink:0}.predictive-alert-icon svg{width:18px;height:18px}.predictive-alert-device{flex:1;min-width:150px}.predictive-alert-device-name{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.predictive-alert-category{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-label);padding:2px 6px;background:var(--bg-card);border-radius:4px;margin-top:4px}.predictive-alert-timeframe{text-align:right}.predictive-alert-timeframe-value{display:block;font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace}.predictive-alert-confidence{font-size:10px;color:var(--text-label)}.predictive-alert-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.predictive-alert-issue,.predictive-alert-prediction{font-size:12px;color:var(--text-secondary);line-height:1.4}.predictive-alert-issue strong,.predictive-alert-prediction strong{color:var(--text-label);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.predictive-alert-action{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:#f59e0b1a;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--status-warning)}.predictive-alert-action svg{width:14px;height:14px}.predictive-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle);gap:var(--spacing-md);flex-wrap:wrap}.predictive-insight{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11px;color:var(--text-label);flex:1}.predictive-insight-icon{font-size:14px}.predictive-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.predictive-action-btn svg{width:14px;height:14px}.predictive-action-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}@media(max-width:768px){.greeting-section{flex-direction:column}.service-center-btn{width:100%}.ddsai-panel{max-width:100%}.compliance-header{flex-direction:column}.compliance-score{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between}.predictive-header{flex-direction:column}.predictive-summary{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between}.predictive-alert-header{flex-direction:column;align-items:flex-start}.predictive-alert-timeframe{text-align:left;display:flex;gap:var(--spacing-sm);align-items:baseline}.predictive-footer{flex-direction:column;align-items:flex-start}.predictive-action-btn{width:100%;justify-content:center}}.ddsai-loading{position:absolute;inset:0;background:var(--bg-darker, #061211);z-index:10;display:flex;align-items:center;justify-content:center}.ddsai-loading-bg{position:absolute;inset:0;overflow:hidden}.ddsai-loading-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(74,234,220,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,234,220,.03) 1px,transparent 1px);background-size:20px 20px}.ddsai-loading-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(74,234,220,.1) 0%,transparent 70%)}.ddsai-particle{position:absolute;width:4px;height:4px;background:var(--primary-500, #4aeadc);border-radius:50%;animation:particleFloat 3s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-20px) scale(1.5);opacity:1}}.ddsai-loading-content{position:relative;z-index:1;text-align:center}.ddsai-loading-logo{position:relative;width:80px;height:80px;margin:0 auto 24px}.ddsai-logo-ring{position:absolute;inset:-10px;border:2px solid var(--primary-500, #4aeadc);border-radius:50%;opacity:.5;animation:logoRing 2s ease-out infinite}.ddsai-logo-ring-2{animation-delay:.5s}@keyframes logoRing{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.5);opacity:0}}.ddsai-logo-core{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-600, #229fa8),var(--primary-800, #1a6d69));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #4aeadc66}.ddsai-logo-core svg{width:40px;height:40px;color:var(--primary-400, #7bdcb5)}.ddsai-loading-brand h3{font-size:24px;font-weight:600;margin-bottom:4px;color:var(--text-primary, #e8f6f5)}.ddsai-loading-brand h3 span{background:linear-gradient(135deg,var(--primary-400, #7bdcb5),var(--primary-500, #4aeadc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ddsai-loading-brand p{font-size:14px;color:var(--text-label, rgba(232, 246, 245, .75))}.ddsai-loading-steps{display:flex;flex-direction:column;gap:12px;margin:32px 0}.ddsai-loading-step{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:var(--text-label, rgba(232, 246, 245, .75));transition:all .3s ease}.ddsai-loading-step.active{color:var(--primary-500, #4aeadc)}.ddsai-loading-step svg{width:18px;height:18px}.ddsai-loading-progress{width:200px;margin:0 auto}.ddsai-progress-track{height:4px;background:var(--bg-elevated, #0d2220);border-radius:2px;overflow:hidden}.ddsai-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-600, #229fa8),var(--primary-400, #7bdcb5));border-radius:2px;transition:width .1s ease}.ddsai-messages{display:flex;flex-direction:column;gap:16px}.ddsai-message{display:flex;max-width:85%}.ddsai-message.user{margin-left:auto}.ddsai-message-content{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6}.ddsai-message.user .ddsai-message-content{background:linear-gradient(135deg,var(--primary-600, #229fa8),var(--primary-700, #026466));color:#fff;border-bottom-right-radius:4px}.ddsai-message.ai .ddsai-message-content{background:#0f2321f2;border:1px solid rgba(74,234,220,.2);border-bottom-left-radius:4px;color:#d8eeec}.ddsai-message.ai .ddsai-message-content ul,.ddsai-message.ai .ddsai-message-content ol{margin:8px 0;padding-left:20px}.ddsai-message.ai .ddsai-message-content li{color:#c8e0de;margin:4px 0}.ddsai-message-content p{white-space:pre-wrap;margin:0;color:inherit}.ddsai-message-time{display:block;font-size:10px;color:#9ab8b6;margin-top:6px}.ddsai-message.user .ddsai-message-time{color:#ffffffb3}.ddsai-typing{display:flex;gap:4px;padding:16px}.ddsai-typing span{width:8px;height:8px;background:var(--primary-500, #4aeadc);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.ddsai-typing span:nth-child(2){animation-delay:.2s}.ddsai-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.ddsai-trust{display:flex;justify-content:center;gap:24px;padding-top:16px;border-top:1px solid rgba(74,234,220,.2)}.ddsai-trust-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#a8cbc9}.ddsai-trust-item svg{width:14px;height:14px;color:var(--primary-500, #4aeadc)}@media(prefers-reduced-motion:reduce){.ddsai-particle,.ddsai-logo-ring,.ddsai-loading-step,.ddsai-typing span,.ddsai-progress-fill{animation:none;transition:none}}.login-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .6s ease;padding:8px;overflow:hidden}.login-screen.visible{opacity:1;pointer-events:auto}.login-screen.visible .login-modal{transform:translateY(0) scale(1);opacity:1;transition-delay:.1s}.modal-backdrop{position:absolute;inset:0;background:#06121199;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.login-modal{width:100%;max-width:340px;background:#081615fa;border:1px solid rgba(74,234,220,.12);border-radius:14px;padding:14px 16px;position:relative;transform:translateY(30px) scale(.95);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s ease;box-shadow:0 20px 60px #00000080;overflow:hidden}.beta-badge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:3px;padding:2px 5px;background:linear-gradient(135deg,#4aeadc26,#229fa81a);border:1px solid rgba(74,234,220,.2);border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.45rem;color:var(--primary-400, #7bdcb5);letter-spacing:.05em;z-index:2}.beta-dot{width:3px;height:3px;background:var(--primary-500, #4aeadc);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.modal-header{text-align:center;margin-bottom:8px}.mini-logo-link{text-decoration:none;display:inline-flex}.mini-logo{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.tooth-icon-mini{position:relative;width:28px;height:28px}.tooth-svg-mini{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(74,234,220,.4))}.tooth-main-mini{fill:none;stroke:var(--primary-500, #4aeadc);stroke-width:2.5}.tooth-fill-mini{fill:url(#toothGradientMini);opacity:.2}.orbit-ring-mini{position:absolute;inset:-4px;border:1px solid transparent;border-radius:50%;border-top-color:var(--primary-500, #4aeadc);animation:orbitSpin 3s linear infinite}.brand-mini{display:flex;font-size:.8rem;font-weight:600;margin-left:6px}.brand-cyber-mini{color:var(--primary-500, #4aeadc)}.brand-dental-mini{color:var(--text-light, #e8f6f5)}.modal-title{font-size:1rem;font-weight:600;color:var(--text-light, #e8f6f5);margin-bottom:1px}.modal-subtitle{font-size:.65rem;color:var(--text-muted, rgba(232, 246, 245, .5))}.otp-phone{color:var(--primary-500, #4aeadc);font-weight:500}.auth-tabs{display:flex;background:#06121199;border:1px solid rgba(74,234,220,.12);border-radius:8px;padding:2px;margin-bottom:8px}.auth-tab{flex:1;padding:6px 10px;background:none;border:none;border-radius:6px;font-family:inherit;font-size:.7rem;font-weight:500;color:var(--text-muted, rgba(232, 246, 245, .5));cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:5px}.auth-tab svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5}.auth-tab.active{background:linear-gradient(135deg,#4aeadc26,#229fa81f);color:var(--primary-500, #4aeadc)}.auth-panel{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:6px}.form-label{display:block;font-size:.55rem;font-weight:500;color:var(--text-muted, rgba(232, 246, 245, .5));margin-bottom:3px;letter-spacing:.05em;text-transform:uppercase}.input-wrapper{position:relative}.form-input{width:100%;padding:8px 10px;background:#061211b3;border:1px solid rgba(74,234,220,.12);border-radius:8px;font-family:inherit;font-size:13px;color:var(--text-light, #e8f6f5);outline:none;transition:all .25s ease}.form-input::placeholder{color:#e8f6f559}.form-input:focus{border-color:var(--primary-500, #4aeadc);box-shadow:0 0 0 2px #4aeadc1a}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:5px}.password-toggle svg{width:14px;height:14px;stroke:#e8f6f559;fill:none;stroke-width:1.5}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.remember-me{display:flex;align-items:center;gap:5px;cursor:pointer}.checkbox-wrapper{position:relative;width:14px;height:14px}.checkbox-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.checkbox-input:checked+.checkbox-custom svg{opacity:1;transform:scale(1)}.checkbox-custom{width:14px;height:14px;border:1px solid rgba(74,234,220,.25);border-radius:3px;background:#4aeadc08;display:flex;align-items:center;justify-content:center}.checkbox-custom svg{width:9px;height:9px;stroke:var(--primary-500, #4aeadc);stroke-width:2.5;fill:none;opacity:0;transform:scale(.5);transition:all .2s ease}.checkbox-label{font-size:.6rem;color:var(--text-muted, rgba(232, 246, 245, .5))}.forgot-link{font-size:.6rem;color:var(--primary-500, #4aeadc);text-decoration:none}.submit-btn{width:100%;padding:8px 14px;background:linear-gradient(135deg,var(--primary-600, #229fa8) 0%,var(--primary-700, #026466) 100%);border:1px solid rgba(74,234,220,.25);border-radius:8px;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text-light, #e8f6f5);cursor:pointer;transition:all .3s ease}.submit-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 5px 20px #4aeadc40}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn span{display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.phone-input-wrapper{display:flex;gap:6px}.country-code{width:52px;padding:8px 6px;background:#061211b3;border:1px solid rgba(74,234,220,.12);border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-light, #e8f6f5);text-align:center;outline:none}.country-code:focus{border-color:var(--primary-500, #4aeadc);box-shadow:0 0 0 2px #4aeadc1a}.phone-number-input{flex:1;padding:8px 10px;background:#061211b3;border:1px solid rgba(74,234,220,.12);border-radius:8px;font-family:inherit;font-size:13px;color:var(--text-light, #e8f6f5);outline:none}.phone-number-input:focus{border-color:var(--primary-500, #4aeadc);box-shadow:0 0 0 2px #4aeadc1a}.otp-section{animation:fadeSlideIn .3s ease-out}.otp-inputs{display:flex;justify-content:center;gap:4px;margin-bottom:6px}.otp-input{width:34px;height:36px;background:#061211b3;border:1px solid rgba(74,234,220,.12);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:500;color:var(--text-light, #e8f6f5);text-align:center;outline:none}.otp-input:focus{border-color:var(--primary-500, #4aeadc);box-shadow:0 0 0 2px #4aeadc1a}.otp-input.filled{border-color:var(--primary-500, #4aeadc);background:#4aeadc1f}.otp-input.error{border-color:#ff6b6b;background:#ff6b6b1a;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.resend-section{text-align:center;margin-bottom:5px}.resend-text{font-size:.55rem;color:var(--text-muted, rgba(232, 246, 245, .5))}.resend-btn{background:none;border:none;color:var(--primary-500, #4aeadc);font-family:inherit;font-size:.55rem;font-weight:500;cursor:pointer}.resend-btn:disabled{color:#e8f6f559;cursor:not-allowed}.back-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:5px;background:none;border:1px solid rgba(74,234,220,.12);border-radius:6px;font-family:inherit;font-size:.6rem;font-weight:500;color:var(--text-muted, rgba(232, 246, 245, .5));cursor:pointer;margin-top:5px}.back-btn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.5}.error-message{padding:5px 8px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:6px;color:#ff8a8a;font-size:.55rem;font-weight:500;margin-bottom:5px;text-align:center}.divider{display:flex;align-items:center;gap:8px;margin:5px 0}.divider-line{flex:1;height:1px;background:#4aeadc1f}.divider-text{font-size:.5rem;color:#e8f6f559;text-transform:uppercase;letter-spacing:.08em}.google-btn{width:100%;padding:6px 10px;background:#061211b3;border:1px solid rgba(74,234,220,.12);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:.65rem;font-weight:500;color:var(--text-muted, rgba(232, 246, 245, .5));transition:all .25s ease}.google-btn svg{width:14px;height:14px}.google-btn:hover:not(:disabled){background:#061211e6;border-color:#4aeadc40;color:var(--text-light, #e8f6f5)}.google-btn:disabled{opacity:.7;cursor:not-allowed}.modal-footer{text-align:center;margin-top:5px}.signup-cta{display:flex;flex-direction:column;align-items:center;gap:2px}.signup-text{font-size:.55rem;color:var(--text-muted, rgba(232, 246, 245, .5));margin:0}.signup-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;background:linear-gradient(135deg,var(--primary-700, #026466) 0%,var(--primary-800, #1a6d69) 100%);border:1px solid rgba(74,234,220,.3);border-radius:6px;color:var(--text-light, #e8f6f5);font-size:.65rem;font-weight:600;text-decoration:none;transition:all .3s ease}.signup-button svg{width:12px;height:12px}.signup-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4aeadc33}.signup-subtitle{font-size:.5rem;color:#e8f6f559;margin:0}.secure-badge{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:5px;font-size:.5rem;color:#e8f6f559;letter-spacing:.04em}.secure-badge svg{width:9px;height:9px;stroke:var(--primary-600, #229fa8);fill:none;stroke-width:1.5}@media(max-height:550px){.login-modal{padding:10px 12px;max-width:300px}.modal-header{margin-bottom:5px}.mini-logo{margin-bottom:2px}.tooth-icon-mini{width:22px;height:22px}.brand-mini{font-size:.7rem}.modal-title{font-size:.85rem}.modal-subtitle{font-size:.5rem}.auth-tabs{margin-bottom:5px;padding:2px}.auth-tab{padding:5px 8px;font-size:.6rem;gap:3px}.auth-tab svg{width:10px;height:10px}.form-group{margin-bottom:5px}.form-label{font-size:.5rem;margin-bottom:2px}.form-input{padding:6px 8px;font-size:12px;border-radius:6px}.form-options{margin-bottom:5px}.checkbox-wrapper,.checkbox-custom{width:12px;height:12px}.checkbox-label,.forgot-link{font-size:.5rem}.submit-btn{padding:6px 10px;font-size:.7rem;border-radius:6px}.divider{margin:4px 0}.google-btn{padding:5px 8px;font-size:.55rem}.modal-footer{margin-top:4px}.signup-cta{gap:2px}.signup-text{font-size:.5rem}.signup-button{padding:4px 10px;font-size:.55rem}.secure-badge{margin-top:4px;font-size:.45rem}.beta-badge{top:6px;right:6px;font-size:.4rem;padding:1px 4px}.otp-inputs{gap:3px;margin-bottom:5px}.otp-input{width:28px;height:32px;font-size:.8rem;border-radius:5px}}@media(max-width:380px){.login-modal{max-width:calc(100vw - 24px);padding:16px}.otp-inputs{gap:4px}.otp-input{width:36px;height:40px;font-size:1rem}}@media(min-width:768px){.login-modal{max-width:380px;padding:24px}.otp-input{width:44px;height:48px;font-size:1.2rem}}@media(max-height:500px)and (orientation:landscape){.login-modal{padding:12px 16px;max-width:340px}.modal-header{margin-bottom:6px}.mini-logo{margin-bottom:4px}.tooth-icon-mini{width:24px;height:24px}.modal-title{font-size:.9rem}.modal-subtitle{font-size:.6rem}.auth-tabs,.form-group{margin-bottom:6px}.form-input{padding:7px 10px;font-size:12px}.form-options{margin-bottom:6px}.submit-btn{padding:7px 10px}.divider{margin:6px 0}.google-btn{padding:6px 10px}.modal-footer{margin-top:6px}.secure-badge{margin-top:4px}}.loader-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .8s ease,transform .8s ease}.loader-screen.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:40px 24px}.logo-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.tooth-icon{position:relative;width:100px;height:100px;animation:floatIn 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.8);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.tooth-svg{width:100%;height:100%;filter:drop-shadow(0 0 40px rgba(74,234,220,.4))}.tooth-main{fill:none;stroke:var(--primary-500, #4aeadc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300;animation:drawTooth 2s ease-out .5s forwards}@keyframes drawTooth{to{stroke-dashoffset:0}}.tooth-fill{fill:url(#toothGradient);opacity:0;animation:fillIn .8s ease-out 1.8s forwards}@keyframes fillIn{to{opacity:.15}}.circuit-line{stroke:var(--primary-400, #7bdcb5);stroke-width:1;fill:none;stroke-dasharray:50;stroke-dashoffset:50;opacity:0;animation:drawCircuit .6s ease-out 2s forwards}.circuit-line:nth-child(2){animation-delay:2.1s}.circuit-line:nth-child(3){animation-delay:2.2s}@keyframes drawCircuit{0%{stroke-dashoffset:50;opacity:0}to{stroke-dashoffset:0;opacity:.7}}.ai-node{fill:var(--primary-500, #4aeadc);opacity:0;animation:pulseNode 2s ease-in-out infinite 2.3s}@keyframes pulseNode{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.orbit-ring{position:absolute;inset:-20px;border:1px solid transparent;border-radius:50%;border-top-color:var(--primary-500, #4aeadc);border-right-color:#4aeadc4d;animation:orbitSpin 4s linear infinite;opacity:.8}.orbit-ring:before{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;background:var(--primary-500, #4aeadc);border-radius:50%;box-shadow:0 0 15px var(--primary-500, #4aeadc)}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-ring-outer{inset:-35px;border-top-color:#4aeadc4d;border-right-color:#4aeadc1a;animation:orbitSpinReverse 6s linear infinite;opacity:.5}@keyframes orbitSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.brand-name{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0;font-size:2.2rem;font-weight:600;letter-spacing:.05em;margin-top:16px}.brand-cyber{color:var(--primary-500, #4aeadc);animation:slideInLetter .8s cubic-bezier(.16,1,.3,1) forwards}.brand-dental{color:var(--text-light, #e8f6f5);animation:slideInLetter .8s cubic-bezier(.16,1,.3,1) .15s forwards}@keyframes slideInLetter{0%{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.version-badge{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:4px 12px;background:linear-gradient(135deg,#4aeadc26,#229fa81a);border:1px solid rgba(74,234,220,.25);border-radius:20px;font-family:JetBrains Mono,monospace;font-size:.55em;font-weight:400;color:var(--primary-400, #7bdcb5);letter-spacing:.08em}.version-dot{width:6px;height:6px;background:var(--primary-500, #4aeadc);border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.tagline{font-size:1rem;font-weight:300;color:var(--text-muted, rgba(232, 246, 245, .5));letter-spacing:.15em;text-transform:uppercase;text-align:center}.loading-section{display:flex;flex-direction:column;align-items:center;gap:24px}.progress-container{width:280px;height:2px;background:#4aeadc1a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-600, #229fa8) 0%,var(--primary-500, #4aeadc) 50%,var(--primary-400, #7bdcb5) 100%);border-radius:2px;animation:progressFill 3.5s cubic-bezier(.4,0,.2,1) .5s forwards}@keyframes progressFill{0%{width:0%}15%{width:25%}40%{width:45%}65%{width:70%}85%{width:90%}to{width:100%}}.loading-text{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:300;color:var(--text-muted, rgba(232, 246, 245, .5));letter-spacing:.1em;display:flex;align-items:center;gap:8px}.loading-status{min-width:180px;text-align:center}.loading-dots{display:flex;gap:4px}.loading-dots span{width:4px;height:4px;background:var(--primary-500, #4aeadc);border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ai-capabilities{display:flex;gap:32px;margin-top:8px}.capability{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:400;color:#e8f6f566;letter-spacing:.08em;text-transform:uppercase}.capability-icon{width:16px;height:16px;stroke:var(--primary-500, #4aeadc);stroke-width:1.5;fill:none;opacity:.7}.bottom-badge{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:.7rem;color:#e8f6f54d;letter-spacing:.1em;z-index:50}.bottom-badge svg{width:14px;height:14px;stroke:var(--primary-600, #229fa8);fill:none}@media(max-width:480px){.brand-name{font-size:1.6rem}.tooth-icon{width:80px;height:80px}.orbit-ring{inset:-16px}.orbit-ring-outer{inset:-28px}.tagline{font-size:.75rem}.progress-container{width:240px}.ai-capabilities{flex-direction:column;gap:12px}}@media(min-width:768px){.tooth-icon{width:120px;height:120px}.orbit-ring{inset:-24px}.orbit-ring-outer{inset:-42px}.brand-name{font-size:2.8rem}.progress-container{width:340px}.ai-capabilities{gap:48px}}.dashboard-page{position:fixed;inset:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-darker, #061211);overflow:hidden}.bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 120%,rgba(22,94,91,.4) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 20% 20%,rgba(74,234,220,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 80% 30%,rgba(34,159,168,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.grid-overlay{position:fixed;inset:0;background-image:linear-gradient(rgba(74,234,220,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,234,220,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 0%,transparent 70%);pointer-events:none;z-index:1}.neural-canvas{position:fixed;inset:0;pointer-events:none;opacity:.6;z-index:2;transition:opacity .8s ease}.particle{position:fixed;width:3px;height:3px;background:var(--primary-500, #4aeadc);border-radius:50%;pointer-events:none;opacity:0;z-index:3;animation:floatParticle 12s infinite}.particle:nth-child(1){top:15%;left:10%}.particle:nth-child(2){top:25%;left:85%;animation-duration:14s}.particle:nth-child(3){top:70%;left:8%;animation-duration:16s}.particle:nth-child(4){top:80%;left:90%;animation-duration:11s}.particle:nth-child(5){top:45%;left:5%;animation-duration:13s}.particle:nth-child(6){top:55%;left:95%;animation-duration:15s}@keyframes floatParticle{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.6;transform:translateY(-10px) scale(1)}90%{opacity:.6;transform:translateY(-60px) scale(.8)}to{opacity:0;transform:translateY(-70px) scale(0)}}