:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg-primary:#eee;--color-bg-secondary:#bcbcbc;--color-bg-accent:#3b82f6;--color-text-primary:#1f2937;--color-text-secondary:#575b64;--color-text-accent:#2563eb;--color-text-inverse:#fff;--color-text-dark:#252525;--color-bg-feature-area:#b8b8b880;--color-disabled:#8a94a5;--color-danger:#f04444;--color-success:#28b55c;--color-warning:#eab450;--color-info:#4baad6;--border:1px solid var(--color-text-primary);--box-shadow:0 0 10px #00000080;--border-radius:8px;--padding-xs:.15rem;--padding-s:.25rem;--padding:.5rem;--padding-l:.75rem;--padding-xl:1rem;--padding-xxl:2rem;--margin-s:.25rem;--margin:.5rem;--margin-l:.75rem;--margin-xl:1rem;--margin-xxl:2rem;--font-size-xs:.5rem;--font-size-s:.75rem;--font-size-ms:.875rem;--font-size:1rem;--font-size-ml:1.125rem;--font-size-l:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--touch-target-min:44px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--color-bg-primary:#1f2937;--color-bg-secondary:#374151;--color-bg-accent:#3b82f6;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-accent:#60a5fa;--color-text-inverse:#fff;--color-text-dark:#f0f0f0;--color-bg-feature-area:#6e6e6e80;--border:1px solid var(--color-bg-secondary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-primary:#1f2937;--color-bg-secondary:#374151;--color-bg-accent:#3b82f6;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-accent:#60a5fa;--color-text-inverse:#fff;--color-text-dark:#f0f0f0;--color-bg-feature-area:#6e6e6e80;--border:1px solid var(--color-bg-secondary)}}*{box-sizing:border-box}:host{display:block}html{font-size:var(--font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-text-primary);background:var(--color-bg-primary);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{background-color:var(--color-bg-secondary);font-family:inherit}img{max-width:100%;height:auto}label{padding:var(--padding-s) 0;font-size:var(--font-size);font-weight:var(--font-weight-light);display:block}input,select,textarea{width:100%;padding:var(--padding-s);border:var(--border);border-radius:var(--border-radius);font-size:var(--font-size);box-sizing:border-box}input:focus,select:focus,textarea:focus{border-color:var(--color-bg-accent);box-shadow:var(--box-shadow);outline:none}input:disabled{background:var(--color-bg-secondary);color:var(--color-text-secondary)}textarea{resize:vertical;min-height:100px}.btn{padding:var(--padding) var(--padding-xl);border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;border:none}.btn .icon{vertical-align:text-top;margin-right:var(--margin);width:16px;height:16px}.btn-primary{background:var(--color-bg-accent);color:var(--color-text-primary)}.btn-primary:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.btn-primary:disabled{background:var(--color-disabled);cursor:not-allowed}.btn-secondary{background:var(--color-bg-primary);border:var(--border);color:var(--color-text-primary)}.btn-secondary:hover{background:color-mix(in oklab, var(--color-bg-secondary), black 10%)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-warn{background:var(--color-warning);color:var(--color-text-primary)}.btn-info{background:var(--color-info);color:var(--color-text-inverse)}.btn-lg{padding:var(--padding-l) calc(var(--padding-xl) * 2);font-size:var(--font-size-l);display:inline-block}.btn-md{padding:var(--padding) var(--padding-xl);font-size:var(--font-size);display:inline-block}.section{padding-bottom:var(--margin-xl);border-bottom:var(--border);margin-bottom:var(--margin-xl)}.section-title{font-size:var(--font-size-l);font-weight:var(--font-weight-medium);margin-bottom:var(--margin);color:var(--color-text-primary)}.text-muted{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-warn{color:var(--color-warning)}.text-success{color:var(--color-success)}.loading,.empty{text-align:center;padding:var(--padding-xl);color:var(--color-disabled)}.error{background:var(--color-bg-secondary);border:var(--border);color:var(--color-danger);padding:var(--padding);border-radius:var(--border-radius);margin-bottom:var(--margin);font-size:var(--font-size)}.toggle{background:var(--color-bg-secondary);cursor:pointer;border:none;border-radius:12px;width:40px;height:24px;position:relative}.toggle.active{background:var(--color-bg-accent)}.toggle:after{content:"";background:var(--color-bg-primary);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(16px)}.image-preview{width:200px;height:200px;margin-top:var(--margin);border-radius:var(--border-radius);object-fit:cover;border:var(--border);overflow:hidden}:focus-visible{outline:1px solid var(--color-bg-accent);outline-offset:2px}.auth-container{width:100%;max-width:480px;margin:0 auto;display:block}.profile-container{max-width:600px;padding:var(--padding-xl);text-align:center;margin:0 auto}input.form-control{padding:var(--padding);border:var(--border);border-radius:var(--border-radius);background:var(--color-bg-secondary);margin:var(--margin-s) 0 var(--margin-l) 0;flex:1}input[type=color].color-control{border-radius:var(--border-radius);border:1px solid var(--color-bg-primary);cursor:pointer;width:50px;height:50px;margin:0 auto;overflow:hidden}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:1px}.description{margin-bottom:var(--margin-xxl);color:var(--color-text-secondary);font-size:var(--font-size);line-height:1.5}.description strong{color:var(--color-text-primary);font-weight:500}.ag-panel{background:var(--color-bg-primary);border-radius:var(--border-radius);padding:var(--padding-xl);margin-bottom:var(--margin-xxl);overflow:hidden}.ag-panel-header{padding:var(--padding-xs) var(--padding-xxl);background:var(--color-bg-secondary);border-radius:var(--border-radius)}.ag-panel-header h1,.ag-panel-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.ag-panel-header .subtitle,.subtitle{margin:var(--margin-s) 0 0 0;font-size:var(--font-size-ms);color:var(--color-text-secondary)}.ag-panel-header .date-range{margin-top:var(--margin);align-items:center;gap:var(--margin);display:flex}.ag-panel-content{padding:var(--padding-xxl)}.ag-panel-footer{padding:var(--padding-xl) var(--padding-xxl);border-top:var(--border);background:var(--color-bg-primary)}.ag-card{background:var(--color-bg-primary);border:var(--border);border-radius:var(--border-radius);padding:var(--padding-xl);text-align:center;transition:box-shadow .2s}.ag-card:hover{box-shadow:0 2px 8px #0000001a}.ag-card-title{font-size:var(--font-size);color:var(--color-text-secondary);margin-bottom:var(--margin);font-weight:var(--font-weight-bold)}.ag-card-content{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ag-card-content.large{font-size:var(--font-size-xxl)}.ag-card-content.small{font-size:var(--font-size-l)}.ag-card.errors .ag-card-content{color:var(--color-danger)}.ag-card.warnings .ag-card-content{color:var(--color-warning)}.ag-card.info .ag-card-content{color:var(--color-info)}.ag-form-group{margin-bottom:var(--margin-xl)}.ag-form-group label{margin-bottom:var(--margin-s);font-size:var(--font-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.ag-form-group input,.ag-form-group select,.ag-form-group textarea{width:100%;padding:var(--padding);border:var(--border);border-radius:var(--border-radius);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size)}.ag-form-group .form-hint{margin-top:var(--margin-s);font-size:var(--font-size-ms);color:var(--color-text-secondary);display:block}.ag-form-group.company-field{display:none}.ag-form-group.company-field.visible{display:block}.ag-button-group{gap:var(--margin);padding:var(--padding-l) 0;justify-content:flex-start;align-items:center;display:flex}.ag-button-group.center{justify-content:center}.ag-button-group.right{justify-content:flex-end}.ag-button-group button{flex:0 auto}.ag-table{width:100%;overflow-x:auto}.ag-table table{border-collapse:collapse;width:100%}.ag-table th,.ag-table td{padding:var(--padding);text-align:left;border-bottom:var(--border)}.ag-table th{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-ms)}.ag-badge{padding:var(--padding-s) var(--padding);border-radius:var(--border-radius);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);background:var(--color-bg-secondary);color:var(--color-text-primary);display:inline-block}.ag-badge.primary{background:var(--color-bg-accent);color:var(--color-text-inverse)}.ag-badge.danger{background:var(--color-danger);color:var(--color-text-inverse)}.ag-badge.success{background:var(--color-success);color:var(--color-text-inverse)}.ag-badge.warning{background:var(--color-warning);color:var(--color-text-primary)}.ag-alert{padding:var(--padding-xl);border-radius:var(--border-radius);margin-bottom:var(--margin-xl);border-left:4px solid var(--color-bg-accent);background:var(--color-bg-secondary)}.ag-alert.info{border-left-color:var(--color-info)}.ag-alert.success{border-left-color:var(--color-success)}.ag-alert.warning{border-left-color:var(--color-warning)}.ag-alert.danger{border-left-color:var(--color-danger)}.stats-grid,.metrics{gap:var(--margin-xl);margin-bottom:var(--margin-xxl);display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.color-group{gap:var(--margin-xl);margin:var(--margin-xl) 0;justify-content:flex-start;display:flex}.color-item{align-items:center;gap:var(--margin-s);flex-direction:column;display:flex}.charts-section{gap:var(--margin-xxl);flex-direction:column;display:flex}.btn-right{margin-left:auto;display:block}.visible{display:block!important}.hidden{display:none!important}.dragging{opacity:.5;cursor:move}.drag-over{border-top:2px solid var(--color-bg-accent)}.section-description{font-size:var(--font-size-ms);color:var(--color-text-secondary);margin-bottom:var(--margin-xl)}.char-count{text-align:right;font-size:var(--font-size-s);color:var(--color-text-secondary);margin-top:var(--margin-s)}.rate-limit-warning{background:var(--color-warning);color:var(--color-text-primary);padding:var(--padding-xl);border-radius:var(--border-radius);margin-bottom:var(--margin-xl);text-align:center;font-weight:var(--font-weight-medium)}@media (width<=768px){.profile-container{padding:var(--padding-xl) var(--padding-l)}.ag-panel-header,.ag-panel-content,.ag-panel-footer{padding:var(--padding-xl)}.ag-panel-header h1,.ag-panel-header h2{font-size:var(--font-size-l)}.stats-grid,.metrics{grid-template-columns:1fr}.color-group{flex-wrap:wrap}.ag-button-group{flex-direction:column;align-items:stretch}.ag-button-group button{width:100%}}