:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: 1.0625rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.125rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--color-blue: #007AFF;--color-blue-hover: #0051D5;--color-blue-pressed: #0041C7;--color-green: #34C759;--color-green-hover: #248A3D;--color-green-pressed: #1F6A32;--color-red: #FF3B30;--color-red-hover: #D70015;--color-red-pressed: #C40012;--color-orange: #FF9500;--color-orange-hover: #CC7700;--color-orange-pressed: #B8690E;--color-yellow: #FFCC00;--color-yellow-hover: #E5B800;--color-yellow-pressed: #CCA300;--color-purple: #AF52DE;--color-purple-hover: #8944AB;--color-purple-pressed: #7A3F98;--color-gray-50: #F2F2F7;--color-gray-100: #E5E5EA;--color-gray-200: #D1D1D6;--color-gray-300: #C7C7CC;--color-gray-400: #AEAEB2;--color-gray-500: #8E8E93;--color-gray-600: #636366;--color-gray-700: #48484A;--color-gray-800: #3A3A3C;--color-gray-900: #1C1C1E;--color-primary: var(--color-blue);--color-primary-hover: var(--color-blue-hover);--color-primary-pressed: var(--color-blue-pressed);--color-success: var(--color-green);--color-success-hover: var(--color-green-hover);--color-success-pressed: var(--color-green-pressed);--color-warning: var(--color-orange);--color-warning-hover: var(--color-orange-hover);--color-warning-pressed: var(--color-orange-pressed);--color-error: var(--color-red);--color-error-hover: var(--color-red-hover);--color-error-pressed: var(--color-red-pressed);--color-text-primary: #000000;--color-text-secondary: rgba(60, 60, 67, .6);--color-text-tertiary: rgba(60, 60, 67, .3);--color-text-placeholder: rgba(60, 60, 67, .3);--color-text-inverse: #ffffff;--color-background: #ffffff;--color-background-soft: var(--color-gray-50);--color-background-muted: var(--color-gray-100);--color-background-elevated: #ffffff;--color-background-overlay: rgba(0, 0, 0, .4);--color-background-grouped: var(--color-gray-50);--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--color-border-dark: var(--color-gray-300);--color-border-focus: var(--color-primary);--color-interactive-primary: var(--color-primary);--color-interactive-primary-hover: var(--color-primary-hover);--color-interactive-primary-active: var(--color-primary-pressed);--color-interactive-secondary: var(--color-gray-100);--color-interactive-secondary-hover: var(--color-gray-200);--color-interactive-secondary-active: var(--color-gray-300);--color-list-background: #ffffff;--color-list-separator: rgba(60, 60, 67, .29);--color-list-selection: rgba(0, 122, 255, .1);--width-sidebar: 280px;--width-sidebar-collapsed: 64px;--width-content-max: 1200px;--width-form-narrow: 400px;--width-form-normal: 600px;--width-form-wide: 800px;--height-header: 64px;--height-toolbar: 48px;--height-button-sm: 32px;--height-button-md: 40px;--height-button-lg: 48px;--height-input: 40px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-modal: 0 10px 25px -5px rgba(0, 0, 0, .25);--shadow-popover: 0 4px 16px 0 rgba(0, 0, 0, .12);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--button-height-sm: 28px;--button-height-md: 32px;--button-height-lg: 44px;--button-padding-x-sm: var(--spacing-sm);--button-padding-y-sm: var(--spacing-xs);--button-padding-x-md: var(--spacing-md);--button-padding-y-md: var(--spacing-sm);--button-padding-x-lg: var(--spacing-lg);--button-padding-y-lg: var(--spacing-md);--button-border-radius: var(--radius-lg);--button-font-weight: var(--font-weight-semibold);--form-element-border-radius: var(--radius-lg);--form-element-border-width: 1px;--form-element-focus-ring-width: 2px;--form-element-focus-ring-color: rgba(0, 122, 255, .5);--form-element-height: 44px;--form-element-padding-x: var(--spacing-md);--card-border-radius: var(--radius-lg);--card-padding: var(--spacing-md);--card-shadow: var(--shadow-card);--card-border-width: 0;--nav-item-height: 44px;--nav-item-padding-x: var(--spacing-md);--nav-item-padding-y: var(--spacing-sm);--nav-item-border-radius: var(--radius-lg);--nav-header-height: 56px;--list-item-height: 44px;--list-item-padding-x: var(--spacing-md);--list-item-padding-y: var(--spacing-sm);--list-section-spacing: var(--spacing-xl);--list-header-height: 38px;--table-header-height: 44px;--table-row-height: 44px;--table-cell-padding-x: var(--spacing-md);--table-cell-padding-y: var(--spacing-sm);--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-large: 56px;--font-size-mobile-xs: .75rem;--font-size-mobile-sm: .875rem;--font-size-mobile-base: 1rem;--font-size-mobile-lg: 1.125rem;--font-size-mobile-xl: 1.25rem;--spacing-mobile-xs: .375rem;--spacing-mobile-sm: .75rem;--spacing-mobile-md: 1.25rem;--spacing-mobile-lg: 1.75rem;--spacing-mobile-xl: 2.25rem;--mobile-form-element-height: 48px;--mobile-form-element-padding: var(--spacing-mobile-md);--mobile-form-spacing: var(--spacing-mobile-md);--mobile-button-height: 48px;--mobile-button-height-large: 52px;--mobile-swipe-threshold: 60px;--mobile-scroll-padding: var(--spacing-mobile-lg)}:root.dark{--color-blue: #0A84FF;--color-blue-hover: #0066CC;--color-blue-pressed: #0055BB;--color-green: #32D74B;--color-green-hover: #248A3D;--color-green-pressed: #1F6A32;--color-red: #FF453A;--color-red-hover: #D70015;--color-red-pressed: #C40012;--color-orange: #FF9F0A;--color-orange-hover: #CC7700;--color-orange-pressed: #B8690E;--color-yellow: #FFD60A;--color-yellow-hover: #E5B800;--color-yellow-pressed: #CCA300;--color-purple: #BF5AF2;--color-purple-hover: #8944AB;--color-purple-pressed: #7A3F98;--color-text-primary: #ffffff;--color-text-secondary: rgba(235, 235, 245, .6);--color-text-tertiary: rgba(235, 235, 245, .3);--color-text-placeholder: rgba(235, 235, 245, .3);--color-text-inverse: #000000;--color-background: #000000;--color-background-soft: var(--color-gray-900);--color-background-muted: var(--color-gray-800);--color-background-elevated: var(--color-gray-900);--color-background-overlay: rgba(0, 0, 0, .7);--color-background-grouped: var(--color-gray-900);--color-border: var(--color-gray-700);--color-border-light: var(--color-gray-800);--color-border-dark: var(--color-gray-600);--color-interactive-secondary: var(--color-gray-800);--color-interactive-secondary-hover: var(--color-gray-700);--color-interactive-secondary-active: var(--color-gray-600);--color-list-background: var(--color-gray-900);--color-list-separator: rgba(84, 84, 88, .65);--color-list-selection: rgba(10, 132, 255, .16)}@media (prefers-color-scheme: dark){:root:not(.light){--color-blue: #0A84FF;--color-blue-hover: #0066CC;--color-blue-pressed: #0055BB;--color-green: #32D74B;--color-green-hover: #248A3D;--color-green-pressed: #1F6A32;--color-red: #FF453A;--color-red-hover: #D70015;--color-red-pressed: #C40012;--color-orange: #FF9F0A;--color-orange-hover: #CC7700;--color-orange-pressed: #B8690E;--color-yellow: #FFD60A;--color-yellow-hover: #E5B800;--color-yellow-pressed: #CCA300;--color-purple: #BF5AF2;--color-purple-hover: #8944AB;--color-purple-pressed: #7A3F98;--color-text-primary: #ffffff;--color-text-secondary: rgba(235, 235, 245, .6);--color-text-tertiary: rgba(235, 235, 245, .3);--color-text-placeholder: rgba(235, 235, 245, .3);--color-text-inverse: #000000;--color-background: #000000;--color-background-soft: var(--color-gray-900);--color-background-muted: var(--color-gray-800);--color-background-elevated: var(--color-gray-900);--color-background-overlay: rgba(0, 0, 0, .7);--color-background-grouped: var(--color-gray-900);--color-border: var(--color-gray-700);--color-border-light: var(--color-gray-800);--color-border-dark: var(--color-gray-600);--color-interactive-secondary: var(--color-gray-800);--color-interactive-secondary-hover: var(--color-gray-700);--color-interactive-secondary-active: var(--color-gray-600);--color-list-background: var(--color-gray-900);--color-list-separator: rgba(84, 84, 88, .65);--color-list-selection: rgba(10, 132, 255, .16)}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.grid{display:grid}.inline{display:inline}.border{border:var(--form-element-border-width) solid var(--color-border)}.border-light{border-color:var(--color-border-light)}.border-dark{border-color:var(--color-border-dark)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-white{background-color:var(--color-background)}.bg-soft{background-color:var(--color-background-soft)}.bg-muted{background-color:var(--color-background-muted)}.bg-elevated{background-color:var(--color-background-elevated)}.bg-grouped{background-color:var(--color-background-grouped)}.transition-fast{transition-duration:var(--duration-fast)}.transition-normal{transition-duration:var(--duration-normal)}.transition-slow{transition-duration:var(--duration-slow)}.ease-in{transition-timing-function:var(--easing-ease-in)}.ease-out{transition-timing-function:var(--easing-ease-out)}.ease-in-out{transition-timing-function:var(--easing-ease-in-out)}.ios-button{border-radius:var(--button-border-radius);font-weight:var(--button-font-weight);transition:all var(--duration-fast) var(--easing-ease-out);border:none;cursor:pointer}.ios-button-primary{background-color:var(--color-primary);color:#fff}.ios-button-primary:hover{background-color:var(--color-primary-hover)}.ios-button-primary:active{background-color:var(--color-primary-pressed)}.ios-button-secondary{background-color:var(--color-interactive-secondary);color:var(--color-text-primary)}.ios-button-secondary:hover{background-color:var(--color-interactive-secondary-hover)}.ios-button-secondary:active{background-color:var(--color-interactive-secondary-active)}.ios-list-item{height:var(--list-item-height);padding:var(--list-item-padding-y) var(--list-item-padding-x);display:flex;align-items:center;background-color:var(--color-list-background);border-bottom:1px solid var(--color-list-separator);transition:background-color var(--duration-fast) var(--easing-ease-out)}.ios-list-item:hover{background-color:var(--color-list-selection)}.ios-list-item:last-child{border-bottom:none}.ios-grouped-list{background-color:var(--color-background-grouped);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.ios-section-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-md)}.ios-form-input{height:var(--form-element-height);border-radius:var(--form-element-border-radius);border:var(--form-element-border-width) solid var(--color-border);padding:0 var(--form-element-padding-x);font-size:var(--font-size-base);background-color:var(--color-background);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--easing-ease-out)}.ios-form-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 var(--form-element-focus-ring-width) var(--form-element-focus-ring-color)}.ios-form-input::placeholder{color:var(--color-text-placeholder)}@media (min-width: 640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}}@media (min-width: 1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:flex{display:flex}}@media print{.print\:hidden{display:none}.print\:block{display:block}:root{--color-text-primary: #000000;--color-text-secondary: #333333;--color-background: #ffffff;--color-border: #cccccc}.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:none!important}.ios-grouped-list{border:1px solid var(--color-border);box-shadow:none}}.focus-visible:focus-visible{outline:var(--form-element-focus-ring-width) solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--color-border: #000000;--color-text-primary: #000000;--color-text-secondary: #000000;--color-background: #ffffff}}@media (max-width: 768px){.mobile-text-base{font-size:var(--font-size-mobile-base)!important}.mobile-text-lg{font-size:var(--font-size-mobile-lg)!important}.mobile-text-xl{font-size:var(--font-size-mobile-xl)!important}.mobile-line-height-relaxed{line-height:1.6!important}.mobile-line-height-comfortable{line-height:1.5!important}}@media (max-width: 768px){.mobile-p-xs{padding:var(--spacing-mobile-xs)!important}.mobile-p-sm{padding:var(--spacing-mobile-sm)!important}.mobile-p-md{padding:var(--spacing-mobile-md)!important}.mobile-p-lg{padding:var(--spacing-mobile-lg)!important}.mobile-m-xs{margin:var(--spacing-mobile-xs)!important}.mobile-m-sm{margin:var(--spacing-mobile-sm)!important}.mobile-m-md{margin:var(--spacing-mobile-md)!important}.mobile-m-lg{margin:var(--spacing-mobile-lg)!important}.mobile-gap-sm{gap:var(--spacing-mobile-sm)!important}.mobile-gap-md{gap:var(--spacing-mobile-md)!important}.mobile-gap-lg{gap:var(--spacing-mobile-lg)!important}}@media (max-width: 768px){.mobile-touch-target{min-height:var(--touch-target-min)!important;min-width:var(--touch-target-min)!important}.mobile-touch-target-comfortable{min-height:var(--touch-target-comfortable)!important;min-width:var(--touch-target-comfortable)!important}.mobile-touch-target-large{min-height:var(--touch-target-large)!important;min-width:var(--touch-target-large)!important}}@media (max-width: 768px){.mobile-form-input{height:var(--mobile-form-element-height)!important;padding:0 var(--mobile-form-element-padding)!important;font-size:var(--font-size-mobile-base)!important}.mobile-button{height:var(--mobile-button-height)!important;padding:0 var(--mobile-form-element-padding)!important;font-size:var(--font-size-mobile-base)!important}.mobile-button-large{height:var(--mobile-button-height-large)!important;padding:0 var(--mobile-form-element-padding)!important;font-size:var(--font-size-mobile-lg)!important}}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:var(--spacing-sm) 0}.header-layout{display:flex;justify-content:space-between;align-items:center}.header-spacing{padding:var(--spacing-lg) var(--spacing-2xl)}@media (max-width: 768px){.header-spacing{padding:var(--spacing-md) var(--spacing-xl)}}.content-spacing{padding:var(--spacing-lg)}@media (max-width: 768px){.content-spacing{padding:var(--spacing-lg) var(--spacing-md)}}.mobile-responsive-padding{padding:var(--spacing-md) var(--spacing-lg)}@media (max-width: 768px){.mobile-responsive-padding{padding:var(--spacing-md) var(--spacing-lg)}}.list-header-spacing{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-sm)}@media (max-width: 640px){.list-header-spacing{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}}@media (max-width: 480px){.list-header-spacing{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}}.grid-card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}@media (max-width: 768px){.grid-card-container{grid-template-columns:1fr;gap:var(--spacing-md)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.section-header .header-actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 640px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.section-header .header-actions{width:100%;justify-content:flex-end}}:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--grid-columns: 12;--grid-gap: var(--spacing-md);--grid-gap-sm: var(--spacing-sm);--grid-gap-lg: var(--spacing-lg)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width: 640px){.container{max-width:var(--container-sm);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 768px){.container{max-width:var(--container-md)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}}@media (min-width: 1280px){.container{max-width:var(--container-xl)}}@media (min-width: 1536px){.container{max-width:var(--container-2xl)}}.grid{display:grid;gap:var(--grid-gap)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}@media (min-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\:col-span-6{grid-column:span 6 / span 6}.sm\:col-span-12{grid-column:span 12 / span 12}}@media (min-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-12{grid-column:span 12 / span 12}}@media (min-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:col-span-12{grid-column:span 12 / span 12}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-0{padding-top:0;padding-bottom:0}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}@media (max-width: 767px){.mobile-only{display:block}.mobile-hidden{display:none}}@media (min-width: 768px){.mobile-only{display:none}.mobile-hidden,.desktop-only{display:block}}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.card-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}}@media (min-width: 1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}.button-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 640px){.button-group{flex-direction:row;gap:var(--spacing-md)}}.form-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}.sidebar-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 1024px){.sidebar-layout{grid-template-columns:280px 1fr;gap:var(--spacing-xl)}}.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}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@media print{.print-hidden{display:none!important}.print-block{display:block!important}}body.n-modal-body-lock{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:none!important}body{overscroll-behavior-x:none}.n-modal-mask{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.n-modal-body-wrapper{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain;max-height:100vh;max-height:100dvh}@media (max-width: 768px){html.n-modal-body-lock,body.n-modal-body-lock{touch-action:none!important;overscroll-behavior:none!important}html:has(.n-modal-container){overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.n-modal-container{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.n-modal{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:20px}.n-card{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden}.n-card__content{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;min-height:0;touch-action:pan-y}.n-card__footer,.n-card__header{flex-shrink:0;touch-action:none}}.n-modal-body-wrapper::-webkit-scrollbar{width:0;display:none}@media (min-width: 769px){.n-modal-body-wrapper::-webkit-scrollbar{width:6px;display:block}.n-modal-body-wrapper::-webkit-scrollbar-track{background:transparent}.n-modal-body-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}}@media (max-width: 768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}p{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;line-height:1.6}.n-button,.n-input,.n-select,.n-card,.n-dialog,.n-modal{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}a{word-break:break-all;overflow-wrap:break-word}code,pre{word-break:break-all;overflow-wrap:break-word;white-space:pre-wrap}input,textarea,select{font-size:16px}.n-card .n-card__content{padding:var(--spacing-lg)}.n-button{white-space:normal;text-align:center;min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}table{word-break:break-word;table-layout:fixed;width:100%}.n-dialog-card,.n-modal-card{max-width:calc(100vw - 32px);margin:16px}.n-list-item{padding:var(--spacing-md) var(--spacing-lg)}.n-form-item{margin-bottom:var(--spacing-md)}.n-form-item-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.n-card-header,.n-dialog-header,.n-modal-header{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.task-name,.appliance-name,.area-name{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;overflow-wrap:break-word}.task-meta,.appliance-meta{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.text-sm,.n-text.n-text--small{font-size:var(--font-size-sm);line-height:1.5}.n-tag,.n-badge{word-break:break-word;white-space:normal;text-align:center}.n-flex>*{min-width:0}.n-dropdown-menu{max-width:calc(100vw - 32px)}.n-message{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}}@media (min-resolution: 2dppx){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width: 768px) and (orientation: landscape){.n-card .n-card__content{padding:var(--spacing-md)}.n-button{min-height:40px}.n-dialog-card,.n-modal-card{margin:8px}}@media (prefers-color-scheme: dark) and (max-width: 768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.n-text,.n-card,.n-dialog,.n-modal{color:var(--color-text-primary)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-heading: var(--color-text-primary);--color-text: var(--color-text-primary);--color-border-hover: rgba(60, 60, 60, .29);--section-gap: 160px;--color-sidebar-bg: rgba(255, 255, 255, .8);--color-card-bg: #ffffff;--color-hover-bg: #f5f5f7;--color-section-bg: #f5f5f7;--color-shadow: rgba(0, 0, 0, .1);--color-essential: #FF3B30;--color-important: #FF9500;--color-recommended: #34C759;--color-essential-bg: rgba(255, 59, 48, .15);--color-important-bg: rgba(255, 149, 0, .15);--color-recommended-bg: rgba(52, 199, 89, .15)}:root.dark{--color-background: #000000;--color-background-soft: #1c1c1e;--color-background-mute: #2c2c2e;--color-border: rgba(255, 255, 255, .15);--color-heading: rgba(255, 255, 255, .9);--color-text: rgba(255, 255, 255, .85);--color-border-hover: rgba(255, 255, 255, .25);--color-sidebar-bg: rgba(28, 28, 30, .8);--color-card-bg: #1c1c1e;--color-hover-bg: #2c2c2e;--color-section-bg: #1c1c1e;--color-shadow: rgba(0, 0, 0, .3);--color-essential: #FF453A;--color-important: #FF9F0A;--color-recommended: #32D74B;--color-essential-bg: rgba(255, 69, 58, .15);--color-important-bg: rgba(255, 159, 10, .15);--color-recommended-bg: rgba(50, 215, 75, .15)}@media (prefers-color-scheme: dark){:root:not(.light){--color-background: #000000;--color-background-soft: #1c1c1e;--color-background-mute: #2c2c2e;--color-border: rgba(255, 255, 255, .15);--color-heading: rgba(255, 255, 255, .9);--color-text: rgba(255, 255, 255, .85);--color-border-hover: rgba(255, 255, 255, .25);--color-sidebar-bg: rgba(28, 28, 30, .8);--color-card-bg: #1c1c1e;--color-hover-bg: #2c2c2e;--color-section-bg: #1c1c1e;--color-shadow: rgba(0, 0, 0, .3);--color-essential: #FF453A;--color-important: #FF9F0A;--color-recommended: #32D74B;--color-essential-bg: rgba(255, 69, 58, .15);--color-important-bg: rgba(255, 159, 10, .15);--color-recommended-bg: rgba(50, 215, 75, .15)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text-primary);background:var(--color-background);transition:color .3s,background-color .3s;line-height:var(--line-height-normal);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--font-size-base);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}#app{width:100%;min-height:100vh;font-weight:400}a,.green{text-decoration:none;color:var(--color-primary);transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:var(--color-hover-bg)}}@media (min-width: 1024px){#app{width:100%;min-height:100vh}}
