.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000}.settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;max-height:85vh;background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #0000000a;z-index:10001;display:flex;flex-direction:column;overflow:hidden;border-top:3px solid var(--color-primary)}.settings-modal--anchored{transform:none;width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);transform-origin:top right}@media (max-width: 480px){.settings-modal--anchored{top:auto!important;left:16px!important;right:16px!important;bottom:16px;width:auto;max-height:85vh;transform-origin:bottom center;border-radius:var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-lg) var(--border-radius-lg)}}.settings-modal:focus-visible{outline:none}.settings-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-surface)}.settings-modal .modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.settings-modal .modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000a;border:none;border-radius:var(--border-radius-full);cursor:pointer;font-size:1.125rem;color:var(--color-text-secondary);transition:background var(--transition-base),color var(--transition-base)}.settings-modal .modal-close:hover{background:#00000014;color:var(--color-text-primary)}.settings-modal .modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-modal .modal-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.settings-modal .settings-section{margin-bottom:var(--spacing-xl)}.settings-modal .settings-section:last-child{margin-bottom:0}.settings-modal .settings-section h3{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}.settings-modal .settings-item{margin-bottom:var(--spacing-md)}.settings-modal .settings-item:last-child{margin-bottom:0}.settings-modal .settings-item>label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:block}.settings-modal .settings-item>label:has(input[type=checkbox]){display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;margin-bottom:0}.settings-modal .settings-item label>span{font-size:var(--font-size-md);color:var(--color-text-primary)}.settings-modal .settings-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.settings-modal .settings-item-label{margin-bottom:var(--spacing-sm)}.settings-modal .settings-toggle{position:relative;display:flex;background:var(--color-surface-tertiary);border-radius:var(--border-radius-full);padding:var(--spacing-xxs);gap:0}.settings-modal .settings-toggle-slider{position:absolute;top:2px;bottom:2px;height:calc(100% - 4px);background:var(--color-primary);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);pointer-events:none}.settings-modal .settings-toggle-slider--half{width:calc(50% - 4px)}.settings-modal .settings-toggle-slider--third{width:calc(33.333% - 4px)}.settings-modal .settings-toggle-option{position:relative;z-index:1;flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--border-radius-full);cursor:pointer;transition:color var(--transition-base)}.settings-modal .settings-toggle-option:hover:not(.settings-toggle-option--active){color:var(--color-text-primary)}.settings-modal .settings-toggle-option--active{color:var(--color-text-inverse)}.settings-modal .settings-toggle-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-modal .settings-toggle--three .settings-toggle-option{padding:var(--spacing-sm) var(--spacing-sm)}.settings-modal .settings-item input[type=text],.settings-modal .settings-item select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-modal .settings-item input[type=text]:focus,.settings-modal .settings-item select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.settings-modal .settings-item input[type=text]:read-only{background:var(--color-surface-secondary);color:var(--color-text-secondary);cursor:default}.settings-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-surface-secondary)}.settings-modal .button-secondary{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.settings-modal .button-secondary:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-dark)}.settings-modal .button-primary{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);cursor:pointer;background:var(--color-primary);color:var(--color-text-inverse);border:none;transition:background var(--transition-base)}.settings-modal .button-primary:hover{background:var(--color-primary-hover)}.settings-modal .settings-item--action{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:0}.settings-item-action-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-item-action-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.3}.settings-item-action-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.settings-item-action-btn{flex-shrink:0;height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-light);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.settings-item-action-btn:hover{background:var(--color-primary);color:var(--color-text-inverse)}.establishment-icon-bar{flex-shrink:0;min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--spacing-md) 0;overflow:hidden}.establishment-icon-bar-nav{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-xs);flex:1;min-height:0;width:100%;padding:0}.establishment-icon-bar-footer{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.establishment-icon-bar-footer .establishment-icon-bar-item{border:none;background:transparent;cursor:pointer}.establishment-icon-bar-item{display:flex;align-items:center;gap:var(--spacing-sm);min-height:40px;padding:0 var(--spacing-sm) 0 21px;border-radius:var(--border-radius-md);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);overflow:hidden;white-space:nowrap}.establishment-icon-bar-item:hover:not(.establishment-icon-bar-item--disabled){background:var(--color-surface-secondary);color:var(--color-primary)}.establishment-icon-bar-item--active{background:var(--color-primary-light);color:var(--color-primary);border-radius:0}.establishment-icon-bar-item--disabled{color:var(--color-text-tertiary);cursor:default;pointer-events:none;opacity:.6}.establishment-icon-bar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px}.establishment-icon-bar-icon svg{width:20px;height:20px}.establishment-icon-bar-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.01em;overflow:hidden;white-space:nowrap}.establishment-icon-bar-toggle{border:none;background:transparent;cursor:pointer;margin-bottom:var(--spacing-xs);width:100%;text-align:left}.establishment-icon-bar-toggle--active{background:var(--color-primary-light);color:var(--color-primary)}@media (max-width: 768px){.establishment-icon-bar{display:none}}.establishment-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.establishment-mobile-menu{position:absolute;top:0;bottom:0;left:0;width:min(80vw,300px);background:var(--color-surface);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xl);border-radius:0 var(--border-radius-xl) var(--border-radius-xl) 0;box-shadow:var(--shadow-xl);overflow-y:auto}.establishment-mobile-menu-header{display:flex;justify-content:flex-end;padding-bottom:var(--spacing-sm)}.establishment-mobile-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--color-text-primary);transition:background-color var(--transition-fast);flex-shrink:0}.establishment-mobile-close:hover{background:var(--color-surface-tertiary)}.establishment-mobile-close svg{width:18px;height:18px}.establishment-mobile-menu-items{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.establishment-mobile-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;box-sizing:border-box}.establishment-mobile-item:hover:not(.establishment-mobile-item--disabled){background:var(--color-surface-secondary);color:var(--color-primary)}.establishment-mobile-item--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.establishment-mobile-item--disabled{color:var(--color-text-tertiary);cursor:default;pointer-events:none}.establishment-mobile-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.establishment-mobile-item-icon svg{width:22px;height:22px}.establishment-mobile-separator{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.establishment-route-wrapper{display:flex;min-height:100vh;background:var(--color-background)}.establishment-route-content{flex:1;min-width:0;display:flex;flex-direction:column}@media (max-width: 768px){.establishment-route-wrapper{display:block}.establishment-route-content{width:100%}}.duerp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-md);overflow-y:auto}.duerp-modal-panel{background:var(--color-background);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:600px;display:flex;flex-direction:column;max-height:calc(100vh - var(--spacing-2xl) * 2)}.duerp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);flex-shrink:0}.duerp-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.duerp-modal-close{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-xs);line-height:1;border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.duerp-modal-close:hover{color:var(--color-text-primary);background:var(--color-surface-tertiary)}.duerp-modal-body{overflow-y:auto;padding:var(--spacing-xl)}.duerp-what-section{margin-bottom:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.duerp-what-header{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.duerp-what-header-icon{color:var(--color-primary);margin-bottom:var(--spacing-md)}.duerp-what-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.duerp-what-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.duerp-what-steps{display:flex;flex-direction:column;gap:var(--spacing-md)}.duerp-what-step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.duerp-what-step-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.duerp-what-step-badge{padding:2px var(--spacing-sm);border-radius:var(--border-radius-full);flex-shrink:0}.duerp-what-step-badge-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;white-space:nowrap}.duerp-what-step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.duerp-what-step-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md);line-height:1.5}.duerp-what-step-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.duerp-what-step-feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.duerp-what-step-feature-dot{width:20px;height:20px;border-radius:var(--border-radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center}.duerp-what-step-feature-dot:after{content:"✓";color:#fff;font-size:11px;font-weight:700}.duerp-benefits-card,.duerp-advantages-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.duerp-benefits-title,.duerp-advantages-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg)}.duerp-benefits-title{text-align:center}.duerp-benefits-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.duerp-benefit-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.duerp-benefit-row{display:flex;justify-content:space-between;align-items:center}.duerp-benefit-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.duerp-benefit-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.duerp-benefit-track{height:8px;background:var(--color-surface-tertiary);border-radius:var(--border-radius-full);overflow:hidden}.duerp-benefit-fill{height:100%;border-radius:var(--border-radius-full)}.duerp-advantages-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.duerp-advantage-item{display:flex;align-items:flex-start;gap:var(--spacing-md)}.duerp-advantage-icon{width:40px;height:40px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.duerp-advantage-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.duerp-advantage-desc{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.duerp-banner-slot{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-xl) 0;box-sizing:border-box}.duerp-resume-banner{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.duerp-resume-banner:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--color-primary)}.duerp-resume-banner__icon{flex-shrink:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);background:var(--color-primary-light);color:var(--color-primary)}.duerp-resume-banner__content{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--spacing-sm);align-items:baseline;line-height:1.3}.duerp-resume-banner__label{grid-column:1;grid-row:1;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);white-space:nowrap}.duerp-resume-banner__title{grid-column:2;grid-row:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.duerp-resume-banner__desc{grid-column:1 / -1;grid-row:2;font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.duerp-resume-banner__cta{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);white-space:nowrap;height:36px}.duerp-resume-banner__cta:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.duerp-resume-banner__cta:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.duerp-resume-banner__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--border-radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.duerp-resume-banner__dismiss:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.duerp-resume-banner__dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}@media (max-width: 768px){.duerp-banner-slot{padding:var(--spacing-sm) var(--spacing-lg) 0}.duerp-resume-banner{padding:var(--spacing-sm)}.duerp-resume-banner__content{grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:2px}.duerp-resume-banner__label{grid-column:1;grid-row:1}.duerp-resume-banner__title{grid-column:1;grid-row:2}.duerp-resume-banner__desc{display:none}}@media (max-width: 480px){.duerp-banner-slot{padding:var(--spacing-sm) var(--spacing-md) 0}.duerp-resume-banner{flex-wrap:wrap;gap:var(--spacing-sm)}.duerp-resume-banner__icon{width:32px;height:32px}.duerp-resume-banner__cta{order:3;flex-basis:100%;justify-content:center}.duerp-resume-banner__dismiss{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs)}}.establishment-layout{display:flex;min-height:100vh;background:var(--color-background)}.establishment-aside{flex-shrink:0;width:220px;min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface);padding:var(--spacing-lg) 0;overflow:hidden;transition:width var(--transition-base),min-width var(--transition-base);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.establishment-aside--collapsed{width:0;min-width:0;padding-left:0;padding-right:0}.establishment-aside-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-height:0}.establishment-aside-nav-top{display:flex;flex-direction:column;gap:var(--spacing-xs)}.establishment-aside-footer{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.establishment-aside-settings{width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.01em;color:var(--color-text-primary)}.establishment-aside-spacer{flex-shrink:0;height:calc(var(--spacing-md) + 40px + var(--spacing-xs) - var(--spacing-lg));min-height:0}.establishment-aside-link{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 var(--spacing-lg);margin:0 var(--spacing-sm);font-size:15px;font-weight:500;letter-spacing:.01em;color:var(--color-text-primary);text-decoration:none;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.establishment-aside-link:hover:not(.establishment-aside-link--disabled){background:var(--color-surface-secondary);color:var(--color-primary)}.establishment-aside-link--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.establishment-aside-link--disabled{color:var(--color-text-tertiary);cursor:default;pointer-events:none}.establishment-aside-badge{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.establishment-main{flex:1;min-width:0;display:flex;flex-direction:column}.establishment-main .page{flex:1;display:flex;flex-direction:column}.establishment-main .page-content{flex:1;min-width:0;width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-xl);box-sizing:border-box}@media (max-width: 768px){.establishment-aside{display:none}.establishment-main .page-content{padding:var(--spacing-lg)}}@media (max-width: 480px){.establishment-main .page-content{padding:var(--spacing-md)}}@media (max-width: 360px){.establishment-aside,.establishment-aside--collapsed{width:100vw}}.rules-meta-toast{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);z-index:9999;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);animation:rules-meta-toast-in var(--transition-base) ease-out}@keyframes rules-meta-toast-in{0%{opacity:0;transform:translate(-50%) translateY(var(--spacing-md))}to{opacity:1;transform:translate(-50%) translateY(0)}}.onb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:var(--spacing-md)}.onb-panel{background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;width:100%;max-width:440px;display:flex;flex-direction:column;overflow:hidden}.onb-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);overflow:hidden}.onb-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 80%,rgba(255,255,255,.55) 0%,transparent 100%);pointer-events:none}.onb-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;background:#00000012}.onb-accent-fill{height:100%;border-radius:0 2px 2px 0}.onb-dots{display:flex;align-items:center;gap:5px;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.onb-dot{height:7px;border-radius:var(--border-radius-full);border:none;cursor:pointer;padding:0;background:#00000026;flex-shrink:0}.onb-hero-illustration{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1}.onb-hero-icon-wrap{width:88px;height:88px;border-radius:24px;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.onb-hero-icon-wrap>svg,.onb-hero-icon-wrap>*{display:block}.onb-hero-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:var(--border-radius-full);font-size:11px;font-weight:var(--font-weight-bold);color:#fff;letter-spacing:.04em}.onb-close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:30px;height:30px;border:none;background:#0000001a;border-radius:var(--border-radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0000008c;z-index:2}.onb-body{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);flex:1;overflow:hidden}.onb-step{display:flex;flex-direction:column;gap:var(--spacing-md)}.onb-step-header{display:flex;flex-direction:column;gap:6px}.onb-step-num{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 10px;border-radius:var(--border-radius-full);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase}.onb-step-title{font-family:var(--font-family-heading);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.25;letter-spacing:-.02em}.onb-step-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.65}.onb-where{border-left:3px solid;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;background:var(--color-surface-secondary);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.onb-where-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);margin:0}.onb-where-row{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.onb-where-icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.onb-where-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 2px;line-height:1.3}.onb-where-detail{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.45}.onb-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg)}.onb-btn-ghost{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:1.5px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.onb-btn-ghost:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.onb-btn-ghost:disabled{opacity:.28;cursor:not-allowed}.onb-btn-primary{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;border:none;cursor:pointer;white-space:nowrap;letter-spacing:.01em}.onb-support{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:center;padding:0 var(--spacing-xl) var(--spacing-md);cursor:pointer}.onb-support-icon{width:20px;height:20px;border-radius:var(--border-radius-full);background:var(--color-primary-light);color:var(--color-primary);font-size:11px;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.onb-support-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.onb-support:hover .onb-support-text{color:var(--color-primary)}[data-theme=dark] .onb-backdrop{background:#000000b3}[data-theme=dark] .onb-panel{border:1px solid var(--color-border)}[data-theme=dark] .onb-close-btn{background:#ffffff1f;color:#fff9}[data-theme=dark] .onb-close-btn:hover{background:#fff3;color:#ffffffe6}[data-theme=dark] .onb-hero-icon-wrap{background:#ffffff14}[data-theme=dark] .onb-dot{background:#fff3}@media (max-width: 500px){.onb-backdrop{align-items:flex-end;padding:0}.onb-panel{border-radius:20px 20px 0 0;max-width:100%;max-height:92dvh;overflow-y:auto}}.page-skeleton{padding:var(--spacing-lg, 24px);max-width:1200px;margin:0 auto;width:100%}.page-skeleton-header{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-xl, 32px)}.page-skeleton-content{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.page-skeleton-bar,.page-skeleton-card{background:linear-gradient(90deg,var(--color-surface-secondary, #f5f5f7) 0%,var(--color-surface-tertiary, #ececec) 50%,var(--color-surface-secondary, #f5f5f7) 100%);background-size:200% 100%;animation:page-skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--border-radius-md, 10px)}.page-skeleton-bar--breadcrumbs{height:14px;width:30%;max-width:280px}.page-skeleton-bar--title{height:32px;width:50%;max-width:420px}.page-skeleton-card{height:120px;width:100%}@keyframes page-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.page-skeleton-bar,.page-skeleton-card{animation:none}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;box-shadow:var(--shadow-sm)}.app-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.app-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.app-main{flex:1;padding:var(--spacing-2xl) var(--spacing-md)}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.loading-spinner{text-align:center}.loading-spinner p{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}:root{color-scheme:light;--color-primary: #0e7252;--color-primary-hover: #047857;--color-primary-light: #D1FAE5;--color-primary-dark: #065F46;--color-success: #059669;--color-success-bright: #10B981;--color-success-light: #D1FAE5;--color-warning: #cc7904;--color-warning-hover: #ba7205;--color-warning-light: #FFF4E5;--color-danger: #D62828;--color-danger-hover: #B01E1E;--color-danger-light: #FFEBEB;--color-background: #F5F5F7;--color-surface: #FFFFFF;--color-surface-secondary: #F9F9F9;--color-surface-tertiary: #F0F0F0;--color-text-primary: #1D1D1F;--color-text-secondary: #505054;--color-text-tertiary: #5C5C60;--color-text-inverse: #FFFFFF;--color-text-on-primary: #FFFFFF;--color-border: #D2D2D7;--color-border-light: #E5E5EA;--color-border-dark: #B8B8BC;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--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.5;--line-height-relaxed: 1.7;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .7);--glass-border-subtle: rgba(0, 0, 0, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .9), inset 1px 0 0 rgba(255, 255, 255, .5);--glass-blur: 12px;--list-block-tint-0: #F0F7F4;--list-block-tint-1: #F5F0F8;--list-block-tint-2: #F0F4F8;--list-block-tint-3: #FFF8F0;--list-block-tint-4: #F8F0F5;--list-block-tint-5: #F0F8F5;--list-block-tint-6: #FFF5F0;--list-block-tint-7: #F5F8F0;--list-block-title-bg: rgba(255, 255, 255, .4);--list-block-title-border: rgba(0, 0, 0, .06);--color-chart-grid: #E5E5EA;--color-chart-axis-text: #505054;--color-chart-tooltip-bg: #1D1D1F;--color-chart-tooltip-text: #FFFFFF;--color-chart-stroke: #FFFFFF;--color-treemap-border: #ffffff}[data-theme=dark]{color-scheme:dark;--color-primary: #10B981;--color-primary-hover: #34D399;--color-primary-light: #064E3B;--color-primary-dark: #059669;--color-success: #10B981;--color-success-bright: #34D399;--color-success-light: #064E3B;--color-warning: #FFB340;--color-warning-hover: #E09A30;--color-warning-light: #3A2E10;--color-danger: #EF4444;--color-danger-hover: #F87171;--color-danger-light: #3A1515;--color-background: #0D0D0D;--color-surface: #1A1A1C;--color-surface-secondary: #242426;--color-surface-tertiary: #2C2C2E;--color-text-primary: #F5F5F7;--color-text-secondary: #D0D0D4;--color-text-tertiary: #B0B0B5;--color-text-inverse: #1D1D1F;--color-text-on-primary: #FFFFFF;--color-border: #38383A;--color-border-light: #2C2C2E;--color-border-dark: #48484A;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--glass-bg: rgba(26, 26, 28, .72);--glass-border: rgba(255, 255, 255, .12);--glass-border-subtle: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .08), inset 1px 0 0 rgba(255, 255, 255, .05);--glass-blur: 16px;--list-block-tint-0: rgba(26, 52, 42, .5);--list-block-tint-1: rgba(42, 26, 52, .5);--list-block-tint-2: rgba(26, 42, 52, .5);--list-block-tint-3: rgba(52, 42, 26, .5);--list-block-tint-4: rgba(52, 26, 42, .5);--list-block-tint-5: rgba(26, 52, 48, .5);--list-block-tint-6: rgba(52, 38, 26, .5);--list-block-tint-7: rgba(42, 52, 26, .5);--list-block-title-bg: rgba(255, 255, 255, .06);--list-block-title-border: rgba(255, 255, 255, .06);--list-block-header-text-on-bright: #1A1A1C;--list-block-header-bright-0: #6B9080;--list-block-header-bright-1: #7B8FBD;--list-block-header-bright-2: #B8956B;--list-block-header-bright-3: #9B8BAE;--list-block-header-bright-4: #5B8A8A;--list-block-header-bright-5: #A87A8A;--list-block-header-bright-6: #C9A86C;--list-block-header-bright-7: #6B8A9E;--table-thead-bg-dark: #E2E4E8;--table-thead-text-dark: #1A1A1C;--color-chart-grid: #4A4A4E;--color-chart-axis-text: #E8E8ED;--color-chart-tooltip-bg: #2C2C2E;--color-chart-tooltip-text: #F5F5F7;--color-chart-stroke: #4A4A4E;--color-treemap-border: rgba(255, 255, 255, .4);--page-header-bg: #1C2522;--page-header-border: rgba(16, 185, 129, .25);--page-header-breadcrumb: rgba(255, 255, 255, .85);--page-header-breadcrumb-current: #ffffff;--page-header-breadcrumb-sep: rgba(255, 255, 255, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading)}button{font-family:var(--font-family);font-size:inherit;border:none;background:none;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-surface-secondary)}.page-content .news-section h2,.page-content .main-section h2,.page-content .establishment-info-section h2,.page-content .sub-page-header h1,.page-content .view-content h2.section-title,.page-content .structure-view h2,.page-content .customization-view h2,.console-section-header{position:relative;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:var(--line-height-tight);margin:0 0 var(--spacing-lg) 0;padding-left:var(--spacing-lg);border-left:4px solid var(--color-primary);background:linear-gradient(90deg,var(--color-primary-light) 0%,transparent 14%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);padding-right:var(--spacing-md);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;box-shadow:inset 0 1px #ffffff80}.page-content .sub-page-header h1{margin-bottom:0;text-align:left}.page-content .view-content h2.section-title,.page-content .structure-view h2,.page-content .customization-view h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.page-content .news-section h2,.page-content .main-section h2,.page-content .establishment-info-section h2,.page-content .sub-page-header h1,.console-section-header{font-size:var(--font-size-xl);padding-left:var(--spacing-md)}.page-content .sub-page-header h1{margin-bottom:.5em;text-align:left}.page-content .view-content h2.section-title,.page-content .structure-view h2,.page-content .customization-view h2{font-size:var(--font-size-lg)}}@media (max-width: 480px){.page-content .news-section h2,.page-content .main-section h2,.page-content .establishment-info-section h2,.page-content .sub-page-header h1,.console-section-header{font-size:var(--font-size-lg);padding-left:var(--spacing-sm);border-left-width:3px}}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow-inset),var(--glass-shadow);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--glass-shadow-inset),0 12px 40px #0000001a}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card--flat{box-shadow:none}.card--bordered{border:2px solid var(--color-border)}.card--compact{padding:var(--spacing-md)}.card--default{padding:var(--spacing-lg)}.card--spacious{padding:var(--spacing-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-light)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border:none}.btn--ghost:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse);border:none}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.list-search{margin-bottom:var(--spacing-md);max-width:420px}.list-search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-left:2.5rem;font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.list-search-input::placeholder{color:var(--color-text-tertiary)}.list-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.list-search-wrapper{position:relative;display:inline-block}.list-search-wrapper .list-search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;font-size:1rem}.list-view-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.list-view-header h3{margin:0}.list-view-header .list-view-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.heading-1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.heading-2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.heading-3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.heading-4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.text-body{font-size:var(--font-size-md);color:var(--color-text-primary);line-height:var(--line-height-normal)}.text-body--secondary{color:var(--color-text-secondary)}.text-small{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.text-caption{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.text-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge--primary{background:var(--color-primary-light);color:var(--color-primary)}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.badge--neutral{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.tabs{display:flex;gap:var(--spacing-xs);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-xs);overflow-x:auto}.tab{padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:none;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.tab:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.tab--active{color:var(--color-primary);font-weight:var(--font-weight-semibold);background:var(--color-surface)}.tab--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--color-primary);border-radius:var(--border-radius-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.form-error{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-danger)}.form-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.stat-card{text-align:center;padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--border-radius-md)}.stat-card--highlight{background:var(--color-primary-light);border:2px solid var(--color-primary)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-card--highlight .stat-value{color:var(--color-primary-dark)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.stat-grid--4-col{grid-template-columns:repeat(4,1fr)}.progress-bar{height:8px;background:var(--color-surface-tertiary);border-radius:var(--border-radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-primary);border-radius:var(--border-radius-full);transition:width var(--transition-slow)}.progress-bar--lg{height:24px}.progress-bar--lg .progress-bar__fill{display:flex;align-items:center;justify-content:center;color:var(--color-text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border-left:4px solid}.alert--info{background:var(--color-primary-light);border-left-color:var(--color-primary)}.alert--success{background:var(--color-success-light);border-left-color:var(--color-success)}.alert--warning{background:var(--color-warning-light);border-left-color:var(--color-warning)}.alert--danger{background:var(--color-danger-light);border-left-color:var(--color-danger)}.alert__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.alert__message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-tertiary)}.empty-state__icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.empty-state__description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.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)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.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)}@media (max-width: 1024px){.stat-grid--4-col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tabs{gap:var(--spacing-xxs);padding-bottom:0}.tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.heading-1{font-size:var(--font-size-2xl)}.heading-2{font-size:var(--font-size-xl)}.stat-grid--4-col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.stat-grid--4-col{grid-template-columns:1fr}.btn{width:100%}}.revalidating-bar{position:sticky;top:0;left:0;width:100%;height:3px;z-index:900;overflow:hidden;background:var(--color-primary-light)}.revalidating-bar:after{content:"";display:block;width:40%;height:100%;background:var(--color-primary);border-radius:0 2px 2px 0;animation:revalidate-slide 1.2s ease-in-out infinite}@keyframes revalidate-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}
