@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600;700&display=swap";.app-header{background:#859DB5;color:#fff;min-height:48px;display:flex;align-items:center;box-shadow:0 1px 4px #8caacf1a;position:sticky;top:0;z-index:100}.header-content{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px}.logo-section{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.logo{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1}.version{font-size:.7rem;font-weight:500;color:#ffffffb3;background:rgba(255,255,255,.1);padding:2px 6px;border-radius:3px;line-height:1}.header-tabs{display:flex;gap:12px;align-items:center;position:relative;flex-grow:1;justify-content:flex-start;margin-left:40px;overflow-x:auto;min-width:0}.tab-indicator{position:absolute;bottom:-10px;height:2px;background:#fff;border-radius:1px;box-shadow:0 1px 2px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.tab-indicator[data-active-tab="0"],.tab-indicator[data-active-tab="1"],.tab-indicator[data-active-tab="2"]{display:none}.header-tab{display:flex;align-items:center;gap:6px;color:#fff!important;font-size:.85rem;font-weight:600;border-radius:0!important;padding:6px 12px;transition:all .2s;text-decoration:none;opacity:.8;background:transparent!important;border:none;cursor:pointer;position:relative;white-space:nowrap;flex-shrink:0}.header-tab i{font-size:1.1em;margin-right:2px}.header-tab:hover,.header-tab.active{opacity:1}.header-tab.active:after{display:none}.header-tab.active,.header-tab:hover{background:transparent!important;color:#fff!important}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-btn{background:transparent;color:#fff;border:1px solid #fff;border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.header-btn:hover{background:rgba(255,255,255,.1)}.header-btn.primary{background:#fff;color:#859db5}.header-btn.primary:hover{background:#f0f0f0;border-color:#f0f0f0}.user-info{color:#fff;font-size:.85rem;font-weight:600;margin-right:8px}/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-\[118\]{z-index:118}.z-\[120\]{z-index:120}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[360px\]{width:360px}.w-full{width:100%}.max-w-\[340px\]{max-width:340px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-ripple{animation:ripple var(--duration,2s)ease calc(var(--i,0)*.2s)infinite}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.bg-transparent{background-color:#0000}.\[mask-image\:linear-gradient\(to_bottom\,white\,transparent\)\]{-webkit-mask-image:linear-gradient(#fff,#0000);mask-image:linear-gradient(#fff,#0000)}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@layer base{:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(12.9% .042 264.695);--card:oklch(100% 0 0);--card-foreground:oklch(12.9% .042 264.695);--popover:oklch(100% 0 0);--popover-foreground:oklch(12.9% .042 264.695);--primary:oklch(20.8% .042 265.755);--primary-foreground:oklch(98.4% .003 247.858);--secondary:oklch(96.8% .007 247.896);--secondary-foreground:oklch(20.8% .042 265.755);--muted:oklch(96.8% .007 247.896);--muted-foreground:oklch(55.4% .046 257.417);--accent:oklch(96.8% .007 247.896);--accent-foreground:oklch(20.8% .042 265.755);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.9% .013 255.508);--input:oklch(92.9% .013 255.508);--ring:oklch(70.4% .04 256.788);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.4% .003 247.858);--sidebar-foreground:oklch(12.9% .042 264.695);--sidebar-primary:oklch(20.8% .042 265.755);--sidebar-primary-foreground:oklch(98.4% .003 247.858);--sidebar-accent:oklch(96.8% .007 247.896);--sidebar-accent-foreground:oklch(20.8% .042 265.755);--sidebar-border:oklch(92.9% .013 255.508);--sidebar-ring:oklch(70.4% .04 256.788)}.dark{--background:oklch(12.9% .042 264.695);--foreground:oklch(98.4% .003 247.858);--card:oklch(20.8% .042 265.755);--card-foreground:oklch(98.4% .003 247.858);--popover:oklch(20.8% .042 265.755);--popover-foreground:oklch(98.4% .003 247.858);--primary:oklch(92.9% .013 255.508);--primary-foreground:oklch(20.8% .042 265.755);--secondary:oklch(27.9% .041 260.031);--secondary-foreground:oklch(98.4% .003 247.858);--muted:oklch(27.9% .041 260.031);--muted-foreground:oklch(70.4% .04 256.788);--accent:oklch(27.9% .041 260.031);--accent-foreground:oklch(98.4% .003 247.858);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.1% .027 264.364);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.8% .042 265.755);--sidebar-foreground:oklch(98.4% .003 247.858);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.4% .003 247.858);--sidebar-accent:oklch(27.9% .041 260.031);--sidebar-accent-foreground:oklch(98.4% .003 247.858);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.1% .027 264.364)}}body{color:#222;background:#f7f9fb;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}body.dark,.dark body,.dark{background:var(--background)!important;color:var(--foreground)!important}.app-header{color:#fff;z-index:100;background:#8faac8;align-items:center;min-height:64px;padding:0;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #b3c6e033}.dark .app-header{box-shadow:0 2px 8px #0003;background:var(--sidebar)!important;color:var(--sidebar-foreground)!important}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 32px;display:flex}.logo{letter-spacing:1px;margin-right:32px;font-size:2rem;font-weight:700}.dark .logo{color:var(--sidebar-foreground)!important}.header-tabs{align-items:center;gap:32px;display:flex}.header-tab{color:#f7f9fb;opacity:.85;cursor:pointer;border-radius:18px;align-items:center;gap:8px;padding:8px 16px;font-size:1.1rem;font-weight:500;transition:background .2s,opacity .2s;display:flex}.header-tab.active,.header-tab:hover{color:#3a4a5e;opacity:1;background:#eaf1fa}.dark .header-tab{color:var(--sidebar-foreground)!important}.dark .header-tab.active,.dark .header-tab:hover{background:var(--sidebar-accent)!important;color:var(--sidebar-accent-foreground)!important}.main-title{color:#3a4a5e;margin:32px 0 16px;font-size:2.5rem;font-weight:700}.dark .main-title{color:var(--foreground)!important}.searchbar-container{justify-content:flex-end;margin-bottom:24px;display:flex}.searchbar{background:#fff;border:1px solid #e3eaf2;border-radius:24px;align-items:center;min-width:220px;max-width:320px;padding:2px 16px 2px 12px;display:flex;box-shadow:0 2px 8px #b3c6e033}.searchbar input{background:0 0;border:none;outline:none;width:100%;padding:8px 0 8px 8px;font-size:1rem}.dark .searchbar{background:var(--card)!important;color:var(--card-foreground)!important;border:1px solid var(--border)!important}.dark .searchbar input{color:var(--card-foreground)!important}.card{background:#fff;border-radius:18px;flex-direction:column;gap:12px;min-width:220px;max-width:340px;margin-bottom:32px;padding:24px 20px;display:flex;box-shadow:0 2px 12px #b3c6e033}.dark .card{background:var(--card)!important;color:var(--card-foreground)!important;box-shadow:0 2px 12px #0005!important}.badge{color:#3a4a5e;background:#eaf1fa;border-radius:12px;margin-right:6px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-block}.dark .badge{background:var(--muted)!important;color:var(--muted-foreground)!important}.header-btn,.header-btn.primary{color:#fff;cursor:pointer;background:#8faac8;border:1px solid #8faac8;border-radius:12px;padding:8px 16px;font-size:1rem;font-weight:500;transition:background .2s,opacity .2s}.header-btn:hover,.header-btn.primary:hover{opacity:.9;background:#708090}.dark .header-btn,.dark .header-btn.primary{background:var(--primary)!important;color:var(--primary-foreground)!important;border:1px solid var(--border)!important}.version{color:#8faac8;margin-left:16px;font-size:.9rem}.dark .version{color:var(--sidebar-accent-foreground)!important}.header-actions button{color:#fff;cursor:pointer;background:#8faac8;border:1px solid #8faac8;border-radius:12px;padding:8px 16px;font-size:1rem;font-weight:500;transition:background .2s,opacity .2s}.header-actions button:hover{opacity:.9;background:#708090}.dark .header-actions button{color:var(--sidebar-foreground)!important}.w-md-editor-toolbar{padding:10px}.dark [style*="color: #222"],.dark [style*="color: #1F2937"],.dark [style*="color: #374151"],.dark [style*="color: #4A5568"],.dark [style*="color: #6B7280"],.dark [style*="color: #3a4a5e"]{color:var(--foreground)!important}.dark [style*="border: 1px solid #e3eaf2"],.dark [style*="border: 1px solid #D1D5DB"],.dark [style*="border: 1px solid #cbd5e1"],.dark [style*="border: 2px solid transparent"]{border:1px solid var(--border)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes ripple{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(.9)}}.pwa-install-prompt{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.pwa-prompt-card{background:#ffffff;border-radius:16px;box-shadow:0 10px 40px #00000026;border:1px solid #e3eaf2;padding:20px 24px;max-width:400px;display:flex;align-items:center;gap:16px}.pwa-app-icon{width:56px;height:56px;background:#3b82f6;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-app-icon svg{width:32px;height:32px}.pwa-prompt-content{flex:1}.pwa-prompt-title{font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:#1f2937;margin-bottom:4px}.pwa-prompt-message{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;line-height:1.4}.pwa-prompt-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.pwa-button{padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;width:100%;text-align:center}.pwa-button.primary{background:#3b82f6;color:#fff}.pwa-button.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f640}.pwa-button.secondary{background:transparent;color:#6b7280;border:1px solid #e3eaf2}.pwa-button.secondary:hover{background:#f7f9fb;border-color:#d1d5db}.pwa-close-button{position:absolute;top:12px;right:12px;width:24px;height:24px;padding:0;background:none;border:none;cursor:pointer;color:#9ca3af;transition:all .15s;border-radius:4px;display:flex;align-items:center;justify-content:center}.pwa-close-button:hover{background:#f3f4f6;color:#6b7280}.pwa-close-button svg{width:16px;height:16px}@media (max-width: 480px){.pwa-install-prompt{bottom:16px;left:16px;right:16px;transform:none}.pwa-prompt-card{flex-direction:column;text-align:center}.pwa-prompt-actions{width:100%}}.network-status{position:fixed;top:80px;right:20px;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.network-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff;border-radius:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e3eaf2;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.network-badge.online{background:#10b981;color:#fff;border-color:#10b981}.network-badge.online:hover{box-shadow:0 4px 12px #10b98140}.network-badge.offline{background:#ef4444;color:#fff;border-color:#ef4444;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.network-badge.offline:hover{box-shadow:0 4px 12px #ef444440}.status-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.status-icon svg{width:100%;height:100%}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;position:relative}.status-dot.online{background:#ffffff;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.network-tooltip{position:absolute;top:calc(100% + 8px);right:0;background:#1f2937;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.network-badge:hover .network-tooltip{opacity:1}.sync-indicator{margin-left:4px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.network-status{top:auto;bottom:20px;right:50%;transform:translate(50%)}.network-badge{font-size:12px;padding:6px 12px}}:root{--uhd-container-max: 3800px;--uhd-sidebar-width: 220px;--uhd-content-padding: 24px;--uhd-grid-gap: 16px;--uhd-card-min-width: 280px;--uhd-font-scale: 1;--uhd-text-xs: 11px;--uhd-text-sm: 13px;--uhd-text-base: 14px;--uhd-text-lg: 16px;--uhd-text-xl: 18px;--uhd-text-2xl: 22px;--uhd-text-3xl: 28px}.uhd-container{max-width:var(--uhd-container-max);margin:0 auto;padding:0 var(--uhd-content-padding);width:100%}.uhd-grid{display:grid;gap:var(--uhd-grid-gap)}.uhd-grid-2{grid-template-columns:repeat(2,1fr)}.uhd-grid-3{grid-template-columns:repeat(3,1fr)}.uhd-grid-4{grid-template-columns:repeat(4,1fr)}.uhd-grid-5{grid-template-columns:repeat(5,1fr)}.uhd-grid-6{grid-template-columns:repeat(6,1fr)}.uhd-grid-8{grid-template-columns:repeat(8,1fr)}.uhd-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:var(--uhd-text-sm);margin-bottom:16px;padding:8px 0}.uhd-breadcrumb-item{color:#6b7280;text-decoration:none;transition:color .2s;font-size:13px}.uhd-breadcrumb-item:hover{color:#3a4a5e}.uhd-breadcrumb-item.active{color:#3a4a5e;font-weight:500}.uhd-breadcrumb-separator{color:#d1d5db;font-size:12px}.uhd-card{background:#fff;border:1px solid #e3eaf2;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px;margin-bottom:12px}.uhd-card-compact{background:#fff;border:1px solid #e3eaf2;border-radius:6px;box-shadow:0 1px 2px #0000000d;padding:8px 12px;margin-bottom:8px}.uhd-table{width:100%;border-collapse:collapse;font-size:var(--uhd-text-sm);background:#fff;border-radius:8px;overflow:hidden}.uhd-table th{background:#f8fafc;padding:8px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:12px}.uhd-table td{padding:6px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle;font-size:13px}.uhd-table tr:hover td{background:#f9fafb}.uhd-btn{font-size:var(--uhd-text-sm);padding:6px 12px;border-radius:6px;font-weight:500;transition:all .15s ease;border:1px solid #d1d5db;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:#ffffff;color:#374151}.uhd-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.uhd-btn-compact{font-size:11px;padding:3px 8px;border-radius:4px;font-weight:500}.uhd-stat-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px;border-radius:8px;text-align:center}.uhd-stat-value{font-size:var(--uhd-text-xl);font-weight:700;margin-bottom:4px}.uhd-stat-label{font-size:var(--uhd-text-sm);opacity:.9}.uhd-zoom-controls{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:6px;z-index:1000}.uhd-ultra-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--uhd-grid-gap)}.uhd-ultra-grid-item-3{grid-column:span 3}.uhd-ultra-grid-item-4{grid-column:span 4}.uhd-ultra-grid-item-6{grid-column:span 6}.uhd-ultra-grid-item-8{grid-column:span 8}.uhd-ultra-grid-item-9{grid-column:span 9}.uhd-ultra-grid-item-12{grid-column:span 12}@media (min-width: 3840px){:root{--uhd-container-max: 3700px;--uhd-content-padding: 32px;--uhd-grid-gap: 20px;--uhd-font-scale: 1.1}}@media (min-width: 2560px) and (max-width: 3839px){:root{--uhd-container-max: 2400px;--uhd-content-padding: 24px;--uhd-grid-gap: 16px;--uhd-font-scale: 1}}@media (max-width: 2559px){:root{--uhd-container-max: 1400px;--uhd-content-padding: 20px;--uhd-grid-gap: 12px;--uhd-font-scale: .95}}