@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700&display=swap";.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f9fafb}.login-page__card{width:100%;max-width:440px;background:#fff;border:1px solid var(--sa-border, #e5e7eb);border-radius:16px;box-shadow:0 1px 3px #1118270f,0 8px 24px #1118270f;padding:0 0 36px;overflow:hidden}.login-page__logoBand{display:flex;justify-content:center;align-items:center;background:#fff;padding:28px 40px 20px;border-bottom:1px solid var(--sa-border, #e5e7eb)}.login-page__logo{display:block;height:40px;width:auto;max-width:200px;margin:0 auto;object-fit:contain;object-position:center center}.login-page__header{margin-bottom:28px;padding:32px 40px 24px;border-bottom:1px solid var(--sa-border, #e5e7eb)}.login-page__title{margin:0 0 8px;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:#111827;line-height:1.25}.login-page__subtitle{margin:0;font-size:14px;font-weight:400;color:#6b7280;line-height:1.5}.login-page__form{display:flex;flex-direction:column;gap:0;padding:0 40px}.login-page__field{margin-bottom:20px}.login-page__label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.login-page__inputWrap{position:relative;display:flex;align-items:center;background:#f0f4f8;border:1px solid transparent;border-radius:8px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.login-page__inputWrap:focus-within{background:#fff;border-color:#01c5c5;box-shadow:0 0 0 3px #01c5c526}.login-page__inputWrap--error{border-color:var(--sa-danger-border, #fecaca);background:var(--sa-danger-bg, #fef2f2)}.login-page__inputWrap--error:focus-within{box-shadow:0 0 0 3px #dc26261f;border-color:var(--sa-danger, #dc2626)}.login-page__inputIcon{position:absolute;left:14px;color:#9ca3af;pointer-events:none;flex-shrink:0}.login-page__inputWrap:focus-within .login-page__inputIcon{color:#01c5c5}.login-page__input{width:100%;height:44px;padding:0 44px;border:none;border-radius:8px;font-size:14px;font-family:inherit;color:#111827;background:transparent;outline:none}.login-page__input::placeholder{color:#9ca3af}.login-page__togglePwd{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;transition:color .15s ease}.login-page__togglePwd:hover{color:#6b7280}.login-page__togglePwd:focus-visible{outline:2px solid #01c5c5;outline-offset:2px}.login-page__error{margin:-4px 0 16px;padding:10px 12px;font-size:13px;color:var(--sa-danger-text, #b91c1c);background:var(--sa-danger-bg, #fef2f2);border:1px solid var(--sa-danger-border, #fecaca);border-radius:8px}.login-page__remember{display:flex;align-items:center;gap:10px;margin-bottom:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.login-page__remember input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#01c5c5;cursor:pointer;flex-shrink:0}.login-page__remember span{font-size:14px;font-weight:400;color:#6b7280;line-height:1.4}.login-page__submit{width:100%;height:44px;padding:0 20px;border:none;border-radius:8px;background:#01c5c5;color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,opacity .15s ease;box-shadow:0 1px 2px #01c5c533}.login-page__submit:hover:not(:disabled){background:#01acac}.login-page__submit:active:not(:disabled){background:#019a9a}.login-page__submit:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 480px){.login-page__card{padding:32px 24px 28px}.login-page__title{font-size:1.5rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f9fafb}.login-left-panel{display:none}.login-right-panel{width:100%;max-width:440px;padding:0;display:flex;justify-content:center}.login-card{width:100%;background:#fff;border:1px solid var(--sa-border, #e5e7eb);border-radius:16px;box-shadow:0 1px 3px #1118270f,0 8px 24px #1118270f;padding:40px 40px 36px}.login-header{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--sa-border, #e5e7eb)}.login-header h1{margin:0 0 8px;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:#111827}.login-subtitle{margin:0;font-size:14px;color:#6b7280}.login-form .form-group>label,.sa-form--auth .form-group>label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.login-form .input-wrapper,.sa-form--auth .input-wrapper{position:relative;display:flex;align-items:center;background:#f0f4f8;border:1px solid transparent;border-radius:8px}.login-form .input-wrapper:focus-within,.sa-form--auth .input-wrapper:focus-within{background:#fff;border-color:#01c5c5;box-shadow:0 0 0 3px #01c5c526}.login-form .input-wrapper input,.sa-form--auth .input-wrapper input{width:100%;height:44px;padding:0 40px;border:none;background:transparent;font-size:14px;outline:none}.login-form .login-button,.sa-form--auth .login-button,.auth-button{width:100%;height:44px;margin-top:8px;border:none;border-radius:8px;background:#01c5c5;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.login-form .login-button:hover:not(:disabled),.auth-button:hover:not(:disabled){background:#01acac}.locale-switcher-container{position:absolute;top:16px;right:16px}.login-card,.locale-switcher{position:relative}.locale-switcher.select{display:flex;align-items:center;gap:8px}.locale-switcher.select label{font-size:13px;color:var(--sa-muted);font-weight:500}.locale-select{padding:0 12px;height:36px;border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);background:var(--sa-surface);color:var(--sa-text);font-size:13px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:140px}.locale-select:hover{border-color:var(--sa-muted-light)}.locale-select:focus{outline:none;border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.locale-switcher-button{display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);background:var(--sa-surface);color:var(--sa-text);font-size:13px;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-width:140px;justify-content:space-between}.locale-switcher-button:hover{border-color:var(--sa-muted-light);background:var(--sa-surface-soft)}.locale-switcher-button:focus{outline:none;border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.locale-flag{font-size:16px;line-height:1}.locale-name{flex:1;text-align:left}.dropdown-arrow{transition:transform .15s ease;color:var(--sa-muted)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);box-shadow:var(--sa-shadow);z-index:1000;overflow:hidden;min-width:180px;max-height:300px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--sa-text);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:var(--sa-surface-hover)}.dropdown-item.active{background:var(--sa-primary-soft);color:var(--sa-sidebar-active-text);font-weight:500}.dropdown-item svg{width:16px;height:16px;color:var(--sa-primary);flex-shrink:0}@media (max-width: 768px){.locale-switcher-button,.locale-select{min-width:120px;font-size:13px}}.sa-form{display:flex;flex-direction:column;gap:0}.sa-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sa-form__grid--1{grid-template-columns:1fr}.sa-form__field{display:flex;flex-direction:column;gap:6px;min-width:0}.sa-form__field--full{grid-column:1 / -1}.sa-form__field--inline{flex-direction:row;align-items:center;gap:10px}.sa-form__label{display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:500;color:var(--sa-text-secondary);cursor:default}.sa-form__label--inline{flex-direction:row;align-items:center;gap:0;cursor:pointer;margin:0}.sa-form__labelText{line-height:1.4}.sa-form__hint{font-size:12px;font-weight:400;color:var(--sa-muted);line-height:1.35}.sa-form__control{display:flex;flex-direction:column;gap:6px;min-width:0}.sa-form__control .sa-input,.sa-form__control input:not([type=checkbox]):not([type=radio]),.sa-form__control select,.sa-form__control textarea{width:100%}.sa-form input:not([type=checkbox]):not([type=radio]):not(.sa-input),.sa-form select:not(.sa-select),.sa-form textarea:not(.sa-textarea){font-family:inherit;width:100%;padding:0 12px;height:36px;border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);font-size:14px;background:var(--sa-surface);color:var(--sa-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.sa-form textarea:not(.sa-textarea){height:auto;min-height:120px;padding:10px 12px;resize:vertical;line-height:1.5}.sa-form input:not([type=checkbox]):focus,.sa-form select:focus,.sa-form textarea:focus{border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.sa-form input:disabled,.sa-form select:disabled,.sa-form textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--sa-surface-soft)}.sa-form input.sa-input--error,.sa-form input.error,.sa-form select.sa-input--error,.sa-form textarea.sa-input--error{border-color:var(--sa-danger-border)}.sa-form input.sa-input--error:focus,.sa-form input.error:focus{box-shadow:0 0 0 3px #dc26261f}.sa-form__checkbox{width:16px;height:16px;accent-color:var(--sa-primary);cursor:pointer;flex-shrink:0}.sa-form__fieldError{margin:0;font-size:12px;color:var(--sa-danger)}.sa-form__formError{margin:0;font-size:13px;color:var(--sa-danger);flex:1;min-width:0}.sa-form__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--sa-border)}.sa-form__footer--between{justify-content:space-between}.sa-form__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-form__section{display:flex;flex-direction:column;gap:16px}.sa-form__section+.sa-form__section{margin-top:4px;padding-top:16px;border-top:1px solid var(--sa-border)}.sa-form--auth{gap:0}.sa-form--auth .sa-form__field,.sa-form--auth .form-group{margin-bottom:20px}.sa-form--auth .sa-form__field:last-of-type,.sa-form--auth .form-group:last-of-type{margin-bottom:0}.sa-form--auth .sa-form__label,.sa-form--auth .form-group>label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--sa-text-secondary)}.sa-form--auth .input-wrapper{position:relative;display:flex;align-items:center}.sa-form--auth .input-wrapper input{width:100%;height:40px;padding:0 40px;border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);font-size:14px;background:var(--sa-surface);color:var(--sa-text);outline:none}.sa-form--auth .input-wrapper input:focus{border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.sa-form--auth .input-icon{position:absolute;left:12px;color:var(--sa-muted-light);pointer-events:none}.sa-form--auth .password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--sa-muted-light);cursor:pointer;padding:4px}.sa-form--page{gap:24px}.sa-form--page .sa-form__grid{gap:16px 20px}.sa-form__field--full .blog-image-upload--thumbnail .blog-image-upload__zone{max-width:none;width:100%}.sa-form--page>.sa-form__field,.sa-form--page>.sa-form__section{margin:0}@media (max-width: 560px){.sa-form__grid{grid-template-columns:1fr}.sa-form__field--full{grid-column:auto}.sa-form__footer--between{flex-direction:column;align-items:stretch}.sa-form__actions{justify-content:flex-end}}.auth-callback{min-height:calc(100vh - 40px);display:grid;place-items:center;padding:20px;background:var(--sa-bg)}.auth-callback__card{width:min(520px,100%);border-radius:18px;border:1px solid var(--sa-border);background:#ffffffeb;box-shadow:var(--sa-shadow);padding:22px;text-align:center}.auth-callback__icon{width:44px;height:44px;margin:0 auto 10px;border-radius:999px;display:grid;place-items:center;background:#ef44441f;color:#b91c1c;font-weight:900;font-size:18px;border:1px solid rgba(239,68,68,.18)}.auth-callback__title{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--sa-text)}.auth-callback__subtitle{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--sa-muted)}.auth-callback__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.auth-callback__primary,.auth-callback__secondary{text-decoration:none;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;border:1px solid var(--sa-border-strong)}.auth-callback__primary{background:var(--sa-primary);color:#fff;border-color:transparent}.auth-callback__primary:hover{background:var(--sa-primary-dark)}.auth-callback__secondary{background:#fff;color:var(--sa-primary-dark)}.auth-callback__secondary:hover{text-decoration:underline}.auth-callback__spinner{width:32px;height:32px;margin:0 auto 10px;border-radius:999px;border:3px solid var(--sa-border-strong);border-top-color:#0f172a85;animation:auth-callback-spin 1s linear infinite}@keyframes auth-callback-spin{to{transform:rotate(360deg)}}.adp{display:flex;flex-direction:column;gap:var(--sa-page-gap);padding:0 0 24px}.adp__loading,.adp__error{padding:80px 24px;text-align:center;font-size:15px;font-weight:500;color:var(--sa-muted)}.adp__error{color:var(--sa-danger)}.adp__welcome-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px}.adp__welcome-text h2{font-size:22px;font-weight:600;color:var(--sa-text);margin:0;line-height:1.25}.adp__welcome-text p{font-size:13.5px;color:var(--sa-muted);margin:4px 0 0}.adp__date-picker{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--sa-radius-md);background-color:var(--sa-surface);border:1px solid var(--sa-border);cursor:pointer;transition:all .15s ease;box-shadow:var(--sa-shadow-xs)}.adp__date-picker:hover{border-color:var(--sa-border-strong);background-color:var(--sa-surface-hover)}.adp__date-text{font-size:12.5px;font-weight:600;color:var(--sa-text-secondary)}.adp__date-icon{color:var(--sa-muted)}.adp__kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%}.adp__kpi-card{padding:16px 12px;border-radius:var(--sa-radius-lg);background:var(--sa-surface);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow-xs);display:flex;flex-direction:column;transition:all .2s ease;position:relative;min-width:0}.adp__kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #0f172a0d,0 8px 10px -6px #0f172a0d;border-color:var(--card-accent-color)}.adp__kpi-card--link{text-decoration:none;color:inherit;cursor:pointer}.adp__kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:6px}.adp__kpi-header{display:flex;align-items:center;gap:8px;min-width:0}.adp__kpi-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adp__kpi-label{font-size:12px;font-weight:600;color:var(--sa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adp__kpi-trend{display:flex;align-items:center;gap:2px;padding:2px 5px;border-radius:6px;font-size:10px;font-weight:700;flex-shrink:0}.adp__kpi-trend--up{background-color:var(--sa-success-bg);color:var(--sa-success-text)}.adp__kpi-trend--down{background-color:var(--sa-danger-bg);color:var(--sa-danger-text)}.adp__kpi-value{font-size:26px;font-weight:700;color:var(--sa-text);line-height:1.1;margin-bottom:8px;letter-spacing:-.02em}.adp__kpi-footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;gap:8px;min-width:0}.adp__kpi-hint{font-size:11px;color:var(--sa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.adp__sparkline{flex-shrink:0}.adp__middle-row,.adp__bottom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.adp__middle-col,.adp__bottom-col{padding:20px;border-radius:var(--sa-radius-lg);background:var(--sa-surface);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow-xs);display:flex;flex-direction:column;min-width:0}.adp__card-header-with-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.adp__card-title{font-size:13.5px;font-weight:600;color:var(--sa-text);margin:0}.adp__card-filter{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--sa-muted);cursor:pointer;font-weight:600;padding:4px 8px;border-radius:6px;background-color:var(--sa-surface-soft);border:1px solid var(--sa-border);transition:all .15s ease}.adp__card-filter:hover{border-color:var(--sa-border-strong);color:var(--sa-text)}.adp__card-link{font-size:11.5px;color:var(--sa-primary);text-decoration:none;font-weight:600;transition:color .15s ease}.adp__card-link:hover{color:var(--sa-primary-hover)}.adp__chart-container{flex:1;min-height:220px;position:relative;display:flex;flex-direction:column}.adp__chart-container .sa-card{border:none;background:transparent;box-shadow:none;border-radius:0;height:100%}.adp__chart-container .sa-card__header{display:none}.adp__chart-container .sa-card__body{padding:0;height:100%!important}.adp__activity-list{display:flex;flex-direction:column;gap:14px}.adp__activity-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border-radius:var(--sa-radius-md);padding:4px 6px;margin:-4px -6px;transition:background-color .15s ease}.adp__activity-item:hover{background-color:var(--sa-surface-hover)}.adp__activity-icon-container{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adp__activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.adp__activity-main{font-size:12.5px;font-weight:600;color:var(--sa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adp__activity-sub{font-size:11.5px;color:var(--sa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adp__activity-time{font-size:11px;color:var(--sa-muted-light);flex-shrink:0}.adp__blogs-list{display:flex;flex-direction:column;gap:12px}.adp__blog-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;border:1px solid var(--sa-border);background-color:var(--sa-surface-soft);border-radius:var(--sa-radius-md);transition:all .15s ease;text-decoration:none;color:inherit;cursor:pointer}.adp__blog-row:hover{background-color:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.adp__blog-title{font-size:12.5px;font-weight:500;color:var(--sa-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.adp__blog-stats{display:flex;align-items:center;gap:6px;flex-shrink:0}.adp__blog-stat-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--sa-radius-full)}.adp__blog-stat-badge--likes{background-color:#22c55e1a;color:#22c55e}.adp__blog-stat-badge--views{background-color:#06b6d41a;color:#06b6d4}.adp__groups-list{display:flex;flex-direction:column;gap:12px}.adp__group-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;border:1px solid var(--sa-border);background-color:var(--sa-surface-soft);border-radius:var(--sa-radius-md);transition:all .15s ease;text-decoration:none;color:inherit;cursor:pointer}.adp__group-row:hover{background-color:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.adp__group-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.adp__group-icon-container{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adp__group-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.adp__group-name{font-size:12.5px;font-weight:600;color:var(--sa-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adp__group-desc{font-size:11px;color:var(--sa-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adp__group-activity{font-size:12.5px;font-weight:700;color:var(--sa-text);flex-shrink:0}.adp__donut-section{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;flex:1}.adp__donut-chart-wrapper{display:flex;align-items:center;justify-content:center;height:140px;flex-shrink:0}.adp__donut-chart-container{width:120px;height:120px;position:relative}.adp__donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:10px}.adp__donut-center-label{font-size:9px;font-weight:700;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em;max-width:80px;line-height:1.25}.adp__donut-center-value{font-size:20px;font-weight:700;color:var(--sa-text);margin-top:1px}.adp__donut-legend{display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:140px}.adp__donut-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;text-decoration:none;color:inherit;padding:4px 6px;margin:-4px -6px;border-radius:var(--sa-radius-sm);transition:background-color .15s ease}.adp__donut-legend-item:hover{background-color:var(--sa-surface-hover)}.adp__donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.adp__donut-legend-label{color:var(--sa-muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adp__donut-legend-val{font-weight:600;color:var(--sa-text);flex-shrink:0}.adp__donut-footer{display:flex;align-items:center;gap:4px;margin-top:auto;font-size:11.5px;font-weight:600;color:var(--sa-success-text);padding-top:12px;border-top:1px solid var(--sa-border)}.adp__donut-trend-icon{color:var(--sa-success-text)}@media (max-width: 1300px){.adp__kpi-grid{grid-template-columns:repeat(3,1fr)}.adp__middle-row{grid-template-columns:repeat(2,1fr)}.adp__middle-col:last-child{grid-column:span 2}.adp__bottom-row{grid-template-columns:repeat(2,1fr)}.adp__bottom-col:last-child{grid-column:span 2}}@media (max-width: 1024px){.adp__kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--sa-page-gap: 16px}.adp{padding:0 0 16px}.adp__welcome-row{flex-direction:column;align-items:flex-start;gap:12px}.adp__date-picker{width:100%;justify-content:center}.adp__middle-row,.adp__bottom-row{grid-template-columns:1fr;gap:12px;margin-top:16px}.adp__middle-col:last-child,.adp__bottom-col:last-child{grid-column:span 1}.adp__kpi-grid{gap:10px}}@media (max-width: 640px){.adp__kpi-grid{grid-template-columns:1fr}}@media (max-width: 480px){.adp__donut-section{flex-direction:column;gap:20px;align-items:center}.adp__donut-legend{width:100%;align-items:center}.adp__chart-container{min-height:180px}}.users-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.users-page__loading,.users-page__error{padding:80px 24px;text-align:center;font-size:15px;font-weight:500;color:var(--sa-muted)}.users-page__error{color:var(--sa-danger)}.users-page__toast{padding:12px 16px;border-radius:var(--sa-radius-md);background-color:var(--sa-success-bg);border:1px solid var(--sa-success-border);color:var(--sa-success-text);font-size:13px;font-weight:500}.users-page__error-toast{padding:12px 16px;border-radius:var(--sa-radius-md);background-color:var(--sa-danger-bg);border:1px solid var(--sa-danger-border);color:var(--sa-danger-text);font-size:13px;font-weight:500}.users-page__filterBar{padding:16px 20px;border-radius:var(--sa-radius-lg);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--sa-border);background:var(--sa-surface);box-shadow:var(--sa-shadow-sm)}.users-page__searchWrapper{display:flex;align-items:center;position:relative;flex:1;min-width:240px;max-width:380px}.users-page__searchIcon{position:absolute;left:14px;color:var(--sa-muted);pointer-events:none}.users-page__searchInput{padding-left:40px!important}.users-page__filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.users-page__filterSelect{width:160px!important;min-width:160px!important;height:38px;font-size:13px;padding:0 12px;border-radius:8px}.users-page__headerBtn{height:38px!important;font-size:13px!important;border-radius:8px!important;padding:0 16px!important}.users-page__table-wrap{border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);overflow:hidden;background-color:var(--sa-surface);box-shadow:var(--sa-shadow-xs)}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table th{background-color:var(--sa-surface-soft);color:var(--sa-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:14px 20px;text-align:left;border-bottom:1px solid var(--sa-border)}.users-table td{padding:16px 20px;border-bottom:1px solid var(--sa-border);color:var(--sa-text);vertical-align:middle}.users-table tbody tr{height:64px;transition:background-color .15s ease}.users-table tbody tr:hover{background-color:var(--sa-surface-hover)}.users-table tbody tr:last-child td{border-bottom:none}.users-table__avatarImg{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--sa-border)}.users-table__avatarFallback{width:32px;height:32px;border-radius:50%;background-color:var(--sa-primary-soft);color:var(--sa-sidebar-active-text);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center}.users-table__emailText{font-weight:500;color:var(--sa-text)}.users-table__roleTag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:capitalize}.users-table__roleTag--admin{background-color:var(--sa-primary-soft);color:var(--sa-sidebar-active-text)}.users-table__roleTag--user{background-color:var(--sa-input-bg);color:var(--sa-text-secondary);border:1px solid var(--sa-border)}.users-table__statusPill{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:capitalize}.users-table__statusPill--active{background-color:var(--sa-success-bg);color:var(--sa-success-text)}.users-table__statusPill--paused{background-color:var(--sa-warning-bg, #fef3c7);color:var(--sa-warning-text, #b45309)}.users-table__statusPill--deactivated{background-color:var(--sa-danger-bg);color:var(--sa-danger-text)}.users-table__statusPill--inactive,.users-table__statusPill--suspended{background-color:var(--sa-warning-bg, #fef3c7);color:var(--sa-warning-text, #b45309)}.users-table__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.users-table__rowActionBtn{display:inline-flex;align-items:center;text-decoration:none;height:32px!important;font-size:12px!important;padding:0 12px!important;border-radius:6px!important}.users-table__emptyCell{padding:48px;text-align:center;color:var(--sa-muted)}.users-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end;animation:sa-fade-in .15s ease}.users-drawer{width:100%;max-width:440px;height:100vh;background-color:var(--sa-surface);border-left:1px solid var(--sa-border);box-shadow:var(--sa-shadow-lg);display:flex;flex-direction:column;animation:sa-drawer-slide .2s cubic-bezier(.16,1,.3,1)}@keyframes sa-drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.users-drawer__header{padding:20px 24px;border-bottom:1px solid var(--sa-border);display:flex;align-items:center;justify-content:space-between}.users-drawer__title{font-size:18px;font-weight:600;color:var(--sa-text)}.users-drawer__closeBtn{background:transparent;border:none;color:var(--sa-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.users-drawer__closeBtn:hover{color:var(--sa-text)}.users-drawer__body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.users-drawer__profileSummary{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:16px;border-bottom:1px solid var(--sa-border)}.users-drawer__largeAvatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--sa-primary-soft);margin-bottom:12px}.users-drawer__largeAvatarFallback{width:72px;height:72px;border-radius:50%;background-color:var(--sa-primary-soft);color:var(--sa-sidebar-active-text);font-weight:600;font-size:24px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.users-drawer__profileName{font-size:16px;font-weight:600;color:var(--sa-text)}.users-drawer__profileEmail{font-size:13px;color:var(--sa-muted);margin-top:2px}.users-drawer__form{display:flex;flex-direction:column;gap:16px}.users-drawer__statusHint{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--sa-muted)}.users-drawer__metaGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background-color:var(--sa-input-bg);padding:16px;border-radius:var(--sa-radius-md);margin-top:8px}.users-drawer__metaItem{display:flex;flex-direction:column;gap:4px}.users-drawer__metaLabel{font-size:11px;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em}.users-drawer__metaValue{font-size:12px;font-weight:500;color:var(--sa-text)}.users-drawer__section{display:flex;flex-direction:column;gap:12px}.users-drawer__sectionTitle{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sa-muted)}.users-drawer__rolesContainer{display:flex;flex-direction:column;gap:10px}.users-drawer__rolesList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.users-drawer__roleItem{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--sa-input-bg);border-radius:8px;font-size:13px;font-weight:500;color:var(--sa-text)}.users-drawer__roleRemoveBtn{background:transparent;border:none;color:var(--sa-danger);font-size:12px;font-weight:600;cursor:pointer}.users-drawer__roleRemoveBtn:hover{text-decoration:underline}.users-drawer__rolesEmpty{font-size:13px;color:var(--sa-muted);font-style:italic;padding:8px 0}.users-drawer__addRoleRow{display:flex;gap:8px;margin-top:4px}.users-drawer__roleSelectCompact{flex:1;height:38px!important;font-size:12px!important;border-radius:8px!important;padding:0 10px!important}.users-drawer__roleAddBtnCompact{height:38px!important;font-size:12px!important;border-radius:8px!important;padding:0 14px!important}.users-drawer__actionsSection{margin-top:12px;border-top:1px solid var(--sa-border);padding-top:20px}.users-drawer__actionBtnFull{width:100%}.sa-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px}.sa-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#11182773;cursor:pointer}.sa-modal__panel{position:relative;width:min(520px,calc(100vw - 32px));max-height:min(85vh,800px);overflow:auto;border-radius:var(--sa-radius-lg);background:var(--sa-surface);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow-lg)}.sa-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sa-border)}.sa-modal__title{font-size:15px;font-weight:600;color:var(--sa-text);letter-spacing:-.01em}.sa-modal__desc{margin-top:2px;font-size:13px;color:var(--sa-muted)}.sa-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface);color:var(--sa-muted);font-size:20px;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.sa-modal__close:hover{background:var(--sa-surface-hover);color:var(--sa-text)}.sa-modal__panel--md{width:min(640px,calc(100vw - 32px))}.sa-modal__panel--lg{width:min(720px,calc(100vw - 32px))}.sa-modal__body{padding:20px}.a-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.a-col-12{grid-column:span 12}.a-col-8{grid-column:span 8}.a-col-7{grid-column:span 7}.a-col-6{grid-column:span 6}.a-col-5{grid-column:span 5}.a-col-4{grid-column:span 4}.a-col-3{grid-column:span 3}.a-col-4>.a-stat,.a-col-3>.a-stat{height:100%}.a-stat{padding:24px;border-radius:var(--sa-radius-lg);background:var(--sa-surface);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow-sm);display:flex;flex-direction:column;justify-content:space-between;transition:all .15s ease}.a-stat:hover{transform:translateY(-2px);box-shadow:var(--sa-shadow);border-color:var(--sa-border-strong)}.a-stat__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.a-stat__topInfo{display:flex;align-items:center;gap:8px}.a-stat__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--sa-primary);background:var(--sa-primary-soft);width:32px;height:32px;border-radius:8px;flex-shrink:0}.a-stat__label{font-size:13px;font-weight:600;color:var(--sa-muted)}.a-stat__value{margin-top:16px;font-size:32px;font-weight:600;letter-spacing:-.03em;color:var(--sa-text);line-height:1.1}.a-stat__hint{margin-top:10px;font-size:12px;color:var(--sa-muted)}.a-stat__trendBadge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;border:1px solid var(--sa-border);background:var(--sa-input-bg);color:var(--sa-text-secondary);white-space:nowrap}.a-stat__trendBadge--up{background:var(--sa-success-bg);border-color:var(--sa-success-border);color:var(--sa-success-text)}.a-stat__trendBadge--down{background:var(--sa-danger-bg);border-color:var(--sa-danger-border);color:var(--sa-danger-text)}.a-card{border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);background:var(--sa-surface);box-shadow:var(--sa-shadow-sm);overflow:hidden;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.a-card__head{padding:18px 24px;border-bottom:1px solid var(--sa-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.a-card__title{font-size:16px;font-weight:600;color:var(--sa-text);letter-spacing:-.01em}.a-card__subtitle{margin-top:4px;font-size:12px;color:var(--sa-muted)}.a-card__body{padding:24px;height:280px}.a-empty{font-size:13px;color:var(--sa-muted)}.a-chart{width:100%;height:auto;display:block}.a-chart__axis{stroke:var(--sa-border-strong);stroke-width:1}.a-chart__line{stroke:var(--sa-primary);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;fill:none}.a-chart__bar{fill:var(--sa-primary);opacity:.9}.a-pie{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:20px;align-items:center}.a-pie__svg{width:100%;max-width:280px}.a-pie__legend{display:flex;flex-direction:column;gap:8px}.a-pie__row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;font-size:13px;color:var(--sa-text-secondary)}.a-pie__dot{width:8px;height:8px;border-radius:var(--sa-radius-full)}.a-pie__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-pie__value{font-weight:600;color:var(--sa-text)}@media (max-width: 1040px){.a-col-8,.a-col-7,.a-col-6,.a-col-5{grid-column:span 12}.a-col-4,.a-col-3{grid-column:span 6}.a-pie{grid-template-columns:1fr}}@media (max-width: 640px){.a-col-4,.a-col-3{grid-column:span 12}}.ua-page{display:flex;flex-direction:column;gap:16px}.ua-page__breadcrumb{font-size:13px;color:var(--sa-muted)}.ua-page__breadcrumb a{color:var(--sa-primary);text-decoration:none}.ua-page__breadcrumb a:hover{text-decoration:underline}.ua-page__breadcrumb-sep{margin:0 6px;color:var(--sa-muted-light)}.ua-page__loading{margin:0;font-size:14px;color:var(--sa-muted)}.ua-page__error{padding:14px 16px;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-danger-border, #fecaca);background:var(--sa-danger-bg, #fef2f2);color:var(--sa-danger, #dc2626);font-size:14px}.ua-page__stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:4px}.ua-page__stats .a-stat{min-width:0}.ua-page__stats .a-stat__value{font-size:1.5rem}.ua-page__stats .a-stat__hint{font-size:11px}.ua-page__panel{overflow:hidden}.ua-page__panelBody{padding-top:16px}.ua-panel__subtitle{margin:0 0 14px;font-size:13px;color:var(--sa-muted)}.ua-empty{color:var(--sa-muted);font-size:13px;font-style:italic}.ua-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ua-listItem{padding:12px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface)}.ua-listItem__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ua-collapsible{margin:0}.ua-collapsible__summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer}.ua-collapsible__summary::-webkit-details-marker{display:none}.ua-collapsible__title{font-weight:600;font-size:13px;color:var(--sa-text)}.ua-collapsible__body{margin-top:10px}.ua-listItem__title{font-weight:600;font-size:14px;color:var(--sa-text)}.ua-listItem__meta{font-size:12px;color:var(--sa-muted);white-space:nowrap}.ua-listItem__metaRow{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--sa-text-secondary)}.ua-muted{margin-top:8px;font-size:12px;color:var(--sa-muted)}.ua-pill{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:2px 10px;border-radius:999px;border:1px solid var(--sa-border);background:var(--sa-surface-soft);font-size:12px;font-weight:600;color:var(--sa-text-secondary)}.ua-pill--warn{background:#f59e0b24;border-color:#f59e0b40;color:#92400e}.ua-card{margin-top:10px;padding:12px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface-soft)}.ua-card__title{font-weight:600;font-size:12px;color:var(--sa-text);margin-bottom:6px}.ua-card__text{font-size:12px;color:var(--sa-text-secondary);line-height:1.5}.ua-bullets{margin:10px 0 0;padding-left:18px;font-size:12px;color:var(--sa-text-secondary)}.ua-qa{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ua-qa__item{border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface);padding:10px}.ua-qa__q,.ua-qa__a{font-size:12px;color:var(--sa-text-secondary);line-height:1.45}.ua-link{color:var(--sa-primary);text-decoration:none;font-weight:600}.ua-link:hover{text-decoration:underline}.ua-calendarWrap{display:flex;flex-direction:column;gap:14px}.ua-calendarHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.ua-calendarTitle{font-size:14px;font-weight:600;color:var(--sa-text)}.ua-calendarBtn{min-width:36px;padding:0 10px}.ua-calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.ua-calendarDow{font-size:11px;color:var(--sa-muted);font-weight:600;text-align:center;padding-bottom:2px}.ua-calendarCell{position:relative;height:48px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;padding:8px;display:flex;align-items:flex-start;justify-content:space-between}.ua-calendarCell:disabled{opacity:.4;cursor:default;background:transparent;border-color:transparent}.ua-calendarCell:hover:not(:disabled){border-color:var(--sa-primary);background:var(--sa-surface-soft)}.ua-calendarCell--selected{border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.ua-calendarDay{font-size:12px;font-weight:600;color:var(--sa-text)}.ua-calendarDot{width:8px;height:8px;border-radius:999px;background:var(--sa-primary)}.ua-calendarDots{display:inline-flex;align-items:center;gap:4px;margin-top:2px}.ua-calendarDetail{border-top:1px solid var(--sa-border);padding-top:12px}.ua-calendarDetailTitle{font-size:13px;font-weight:600;color:var(--sa-text);margin-bottom:10px}.ua-slotGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.ua-slotCol{min-width:0}.ua-slotTitle{text-transform:capitalize;font-size:12px;font-weight:600;color:var(--sa-text);margin-bottom:8px}.ua-notif{display:flex;flex-direction:column;gap:16px}.ua-notif__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:4px}.ua-notif__lead{margin:0;flex:1;min-width:200px;font-size:14px;color:var(--sa-text-secondary);line-height:1.45}.ua-notif__adminLink{font-size:13px;white-space:nowrap}.ua-notif__kpiRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ua-notif__kpi{padding:14px 16px;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border);background:var(--sa-surface);box-shadow:var(--sa-shadow-xs);min-width:0}.ua-notif__kpiLabel{display:block;font-size:12px;font-weight:600;color:var(--sa-muted);margin-bottom:6px}.ua-notif__kpiValue{display:block;font-size:1.5rem;font-weight:700;color:var(--sa-text);line-height:1.2;font-variant-numeric:tabular-nums}.ua-notif__kpiValue--accent{color:var(--sa-primary)}.ua-notif__kpiValue--sm{font-size:.9rem;font-weight:600;line-height:1.35;word-break:break-word}.ua-notif__panel{padding:16px 18px;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border);background:var(--sa-surface);box-shadow:var(--sa-shadow-xs)}.ua-notif__panelTitle{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sa-muted)}.ua-notif__prefList{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.ua-notif__prefList li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--sa-border);font-size:13px;color:var(--sa-text)}.ua-notif__prefList li:last-child{border-bottom:none}.ua-notif__tableWrap{overflow-x:auto;margin:0 -2px}.ua-notif__table{width:100%;border-collapse:collapse;font-size:13px}.ua-notif__table th,.ua-notif__table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--sa-border)}.ua-notif__table th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--sa-muted);background:var(--sa-surface-soft)}.ua-notif__table tbody tr:last-child td{border-bottom:none}.ua-notif__table tbody tr:hover td{background:var(--sa-surface-soft)}.ua-notif__type{display:inline-block;max-width:140px;font-size:11px;font-weight:600;color:var(--sa-primary);word-break:break-word;line-height:1.3}.ua-notif__titleCell{max-width:280px;line-height:1.4;color:var(--sa-text)}.ua-notif__date{white-space:nowrap;color:var(--sa-muted);font-size:12px}@media (max-width: 900px){.ua-notif__kpiRow{grid-template-columns:repeat(2,minmax(0,1fr))}.ua-notif__prefList{grid-template-columns:1fr}}@media (max-width: 1200px){.ua-page__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.ua-page__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ua-listItem__meta{white-space:normal}.ua-slotGrid{grid-template-columns:1fr}}.groups-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.groups-filters{padding:16px 20px;border-radius:var(--sa-radius-lg);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--sa-border);background:var(--sa-surface);box-shadow:var(--sa-shadow-sm);margin-bottom:8px}.groups-filters__label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--sa-text-secondary);flex:1;max-width:320px}.groups-filters__field{display:flex;align-items:center;position:relative;width:100%}.groups-filters__input{width:100%;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--sa-border-strong);background-color:var(--sa-input-bg);color:var(--sa-text);font-family:inherit;font-size:13px;outline:none;transition:all .15s ease}.groups-filters__input:focus{background-color:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-ring)}.groups-filters__clear{position:absolute;right:8px;height:26px;padding:0 8px;font-size:11px;font-weight:600;border-radius:4px;border:1px solid var(--sa-border);background-color:var(--sa-surface);color:var(--sa-text-secondary);cursor:pointer;transition:all .15s ease}.groups-filters__clear:hover{background-color:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.groups-filters__actions{display:flex;align-items:center}.groups-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width: 1120px){.groups-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.groups-page__grid{grid-template-columns:1fr}}.groups-page__card{padding:24px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;transition:all .15s ease}.groups-page__card:hover{transform:translateY(-3px);box-shadow:var(--sa-shadow);border-color:var(--sa-border-strong)}.groups-page__cardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.groups-page__cardTitle{font-size:16px;font-weight:600;color:var(--sa-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.groups-page__cardDate{font-size:11px;color:var(--sa-muted);white-space:nowrap}.groups-page__cardDesc{font-size:13px;color:var(--sa-text-secondary);line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.groups-page__cardStats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background-color:var(--sa-input-bg);padding:12px 16px;border-radius:8px;margin-bottom:20px}.groups-page__cardStat{display:flex;flex-direction:column;gap:2px}.groups-page__statLabel{font-size:10px;font-weight:600;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em}.groups-page__statVal{font-size:13px;font-weight:600;color:var(--sa-text)}.groups-page__cardFooter{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--sa-border);padding-top:16px}.groups-page__cardOwner{display:flex;flex-direction:column;min-width:0}.groups-page__ownerLabel{font-size:10px;color:var(--sa-muted)}.groups-page__ownerName{font-size:12px;font-weight:600;color:var(--sa-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-page__cardActions{display:flex;gap:6px}.groups-page__actionBtnCompact{height:32px!important;font-size:11px!important;border-radius:6px!important;padding:0 10px!important;display:inline-flex;align-items:center}.groups-page__emptyState{grid-column:1 / -1;padding:48px;text-align:center;color:var(--sa-muted);font-size:14px}.groups-page__scrollSentinel{display:flex;justify-content:center;align-items:center;min-height:48px;margin-top:8px}.groups-page__loadingMore{font-size:13px;font-weight:600;color:var(--sa-muted)}.create-modal{display:flex;flex-direction:column;gap:16px}.create-modal__label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--sa-text)}.create-modal__input{height:44px;padding:0 16px;border:1px solid var(--sa-border-strong);border-radius:12px;background-color:var(--sa-input-bg);color:var(--sa-text);font-family:inherit;font-size:14px;outline:none;transition:all .15s ease}.create-modal__input:focus{background-color:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-ring)}.create-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.group-detail-page__breadcrumb{font-size:14px;color:var(--sa-muted);margin-bottom:16px}.group-detail-page__breadcrumb a{color:var(--sa-primary-dark);text-decoration:none}.group-detail-page__breadcrumb a:hover{text-decoration:underline}.group-detail-page__breadcrumb-sep{margin:0 6px}.group-detail-page__description{margin:0 0 24px;font-size:14px;color:var(--sa-muted);line-height:1.4}.group-detail-page__description--muted{color:#64748bbf;font-style:italic}.group-detail-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.group-detail-page__headerLeft{min-width:260px;flex:1}.group-detail-page__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.group-detail-page__metaItem{display:flex;align-items:baseline;gap:8px;padding:8px 10px;border:1px solid var(--sa-border);border-radius:12px;background:#ffffffd9}.group-detail-page__metaLabel{font-size:12px;color:var(--sa-muted);font-weight:650}.group-detail-page__metaValue{font-size:12px;color:var(--sa-text);font-weight:700}.group-detail-page__headerActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.group-detail-page__primaryLink{display:inline-block;border:1px solid rgba(25,103,210,.35);background:#1967d214;color:var(--sa-primary-dark);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none}.group-detail-page__primaryLink:hover{text-decoration:underline}.group-detail-page__section{margin-bottom:24px;padding-top:20px;border-top:1px solid var(--sa-border)}.group-detail-page__section-title{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--sa-text);letter-spacing:-.01em}.group-detail-page__sectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.group-detail-page__sectionHeader .group-detail-page__section-title{margin-bottom:0}.group-detail-page__sectionSubtitle{margin:4px 0 0;font-size:13px;color:var(--sa-muted)}.group-detail-page__keywords{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.group-detail-page__keyword-tag{background:#2563eb1a;border:1px solid rgba(37,99,235,.22);color:var(--sa-primary-dark);padding:6px 12px;border-radius:999px;font-size:14px}.group-detail-page__emptyCard{border:1px dashed var(--sa-border-strong);background:#f1f5f98c;border-radius:16px;padding:16px;display:grid;gap:8px;max-width:560px}.group-detail-page__emptyTitle{font-size:14px;font-weight:750;color:var(--sa-text)}.group-detail-page__emptyText{font-size:13px;color:var(--sa-muted);line-height:1.4}.group-detail-page__form{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.group-detail-page__input{flex:1;min-width:200px;padding:10px 14px;font-size:14px;border:1px solid #e4e6eb;border-radius:8px}.group-detail-page__input:focus{outline:none;border-color:var(--sa-primary)}.group-detail-page__btn{padding:10px 18px;font-size:14px;font-weight:700;color:#fff;background:var(--sa-primary);border:none;border-radius:8px;cursor:pointer}.group-detail-page__btn--secondary{background:#ffffffe6;color:var(--sa-text);border:1px solid var(--sa-border)}.group-detail-page__btn--secondary:hover:not(:disabled){background:#f1f5f9e6}.group-detail-page__btn:hover:not(:disabled){background:var(--sa-primary-dark)}.group-detail-page__btn:disabled{opacity:.7;cursor:not-allowed}.group-detail-page__hint{margin:0;font-size:12px;color:var(--sa-muted)}.group-detail-page__add-error{margin:8px 0 0;font-size:14px;color:#b94a48}.group-detail-page__loading,.group-detail-page__error{padding:40px;text-align:center;color:var(--sa-muted)}.group-detail-page__error{color:var(--sa-danger)}.group-detail-page__back{display:inline-block;margin-top:16px;font-size:14px;color:var(--sa-primary);text-decoration:none}.group-detail-page__back:hover{text-decoration:underline}.group-detail-page__modalForm{display:flex;flex-direction:column;gap:12px}.group-detail-page__modalLabel{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;color:var(--sa-text)}.group-detail-page__modalInput{padding:10px 14px;font-size:14px;border:1px solid var(--sa-border);border-radius:12px;background:#fffffff2;color:var(--sa-text);outline:none}.group-detail-page__modalInput:focus{border-color:#2563eb59;box-shadow:0 0 0 4px var(--sa-primary-soft)}.group-detail-page__modalActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.blog-card{display:flex;flex-direction:column;border-radius:var(--sa-radius-lg);overflow:hidden;background-color:var(--sa-surface);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow-xs);transition:all .15s ease;height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--sa-shadow);border-color:var(--sa-border-strong)}.blog-card__imageContainer{position:relative;width:100%;height:160px;background-color:var(--sa-input-bg);overflow:hidden}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__imageFallback{width:100%;height:100%;background:linear-gradient(135deg,#01c5c5,#018c8c);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:6px}.blog-card__fallbackIcon{font-size:32px}.blog-card__fallbackText{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.blog-card__statusBadge{position:absolute;top:12px;right:12px;box-shadow:var(--sa-shadow-xs);z-index:5}.blog-card__content{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card__top{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.blog-card__tags{display:flex;flex-wrap:wrap;gap:4px}.blog-card__tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sa-sidebar-active-text);background-color:var(--sa-primary-soft);padding:2px 6px;border-radius:4px}.blog-card__tag--more{background-color:var(--sa-input-bg);color:var(--sa-muted)}.blog-card__title{margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.4;color:var(--sa-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__titleLink{color:inherit;text-decoration:none;transition:color .15s ease}.blog-card__titleLink:hover{color:var(--sa-primary)}.blog-card__preview{margin:0;font-size:13px;color:var(--sa-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sa-border);padding-top:12px;margin-top:auto;font-size:11px;color:var(--sa-muted)}.blog-card__authorInfo{display:flex;flex-direction:column;min-width:0}.blog-card__author{font-weight:600;color:var(--sa-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-card__date{color:var(--sa-muted);margin-top:1px}.blog-card__readingTime{font-weight:500;white-space:nowrap}.blog-card__actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.blog-card__stats{display:flex;align-items:center;gap:12px}.blog-card__likeBtn,.blog-card__views{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--sa-muted);background:transparent;border:none}.blog-card__likeBtn{cursor:pointer;transition:color .15s ease}.blog-card__likeBtn:hover{color:var(--sa-danger-text)}.blog-card__likeBtn--liking{color:var(--sa-danger-text);animation:sa-bounce .3s ease}@keyframes sa-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.blog-card__editBtn{height:28px!important;font-size:11px!important;border-radius:6px!important;padding:0 10px!important}.hidden{display:none!important}.blogs-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.blogs-page__toolbar{padding:16px 20px;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border);background-color:var(--sa-surface);box-shadow:var(--sa-shadow-sm);margin-bottom:8px}.blogs-page__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.blogs-page__filter{display:inline-flex;align-items:center;gap:8px}.blogs-page__selectLabel{font-size:13px;font-weight:600;color:var(--sa-text-secondary)}.blogs-page__select--sort{width:auto;min-width:140px;height:38px;font-size:13px;padding:0 12px;border-radius:8px}.blogs-page__tagsPicker{position:relative;display:inline-flex;align-items:center;gap:8px}.blogs-page__tagsBtn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--sa-border-strong);background-color:var(--sa-input-bg);color:var(--sa-text);font-family:inherit;font-size:13px;cursor:pointer;transition:all .15s ease;min-width:140px}.blogs-page__tagsBtn:hover:not(:disabled){background-color:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.blogs-page__tagsBtnText{font-weight:500}.blogs-page__tagsPopover{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:300px;background-color:var(--sa-surface);border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);box-shadow:var(--sa-shadow-lg);overflow:hidden}.blogs-page__tagsPopoverTop{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--sa-border);background-color:var(--sa-surface-soft)}.blogs-page__tagsSearch{flex:1;height:32px;padding:0 10px;border:1px solid var(--sa-border-strong);border-radius:6px;background-color:var(--sa-input-bg);color:var(--sa-text);outline:none;font-size:12px;transition:all .15s ease}.blogs-page__tagsSearch:focus{background-color:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 2px var(--sa-primary-ring)}.blogs-page__tagsActionBtn{border:1px solid var(--sa-border-strong);background-color:var(--sa-surface);color:var(--sa-text-secondary);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;cursor:pointer}.blogs-page__tagsActionBtn:hover:not(:disabled){background-color:var(--sa-surface-hover)}.blogs-page__tagsList{max-height:200px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.blogs-page__tagOption{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background-color .1s ease}.blogs-page__tagOption:hover{background-color:var(--sa-surface-hover)}.blogs-page__tagOptionName{font-size:13px;font-weight:600;color:var(--sa-text)}.blogs-page__tagOptionSlug{font-size:11px;color:var(--sa-muted);margin-left:auto}.blogs-page__tagsPopoverFooter{display:flex;justify-content:flex-end;padding:8px 12px;border-top:1px solid var(--sa-border);background-color:var(--sa-surface-soft)}.blogs-page__tagChips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.blogs-page__tagChip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--sa-border-strong);background-color:var(--sa-surface-raised);color:var(--sa-text-secondary);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.blogs-page__tagChip:hover{background-color:var(--sa-danger-bg);border-color:var(--sa-danger-border);color:var(--sa-danger-text)}.blogs-page__newBtn{margin-left:auto}.blogs-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width: 1080px){.blogs-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.blogs-page__grid{grid-template-columns:1fr}.blogs-page__newBtn{margin-left:0;width:100%}}.blogs-page__error,.blogs-page__empty{padding:64px 24px;text-align:center;font-size:14px;color:var(--sa-muted)}.blogs-page__error{color:var(--sa-danger)}.blogs-page__skeletonCard{height:320px;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border);background:linear-gradient(90deg,var(--sa-surface-soft) 25%,var(--sa-surface-hover) 50%,var(--sa-surface-soft) 75%);background-size:200% 100%;animation:sa-skeleton 1.5s infinite}@keyframes sa-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.blogs-page__pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.blogs-page__pagerBtn{height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--sa-border);background-color:var(--sa-surface);color:var(--sa-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.blogs-page__pagerBtn:hover:not(:disabled){background-color:var(--sa-surface-hover);color:var(--sa-text);border-color:var(--sa-border-strong)}.blogs-page__pagerBtn:disabled{opacity:.5;cursor:not-allowed}.blogs-page__pagerText{font-size:13px;font-weight:500;color:var(--sa-muted)}.blog-detail-page{margin:0 auto;padding-bottom:32px}.blog-detail-page__breadcrumb{font-size:13px;color:var(--sa-muted);margin-bottom:16px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.blog-detail-page__breadcrumb a{color:var(--sa-primary-dark);text-decoration:none}.blog-detail-page__breadcrumb a:hover{text-decoration:underline}.blog-detail-page__breadcrumb-sep{margin:0 4px;opacity:.5}.blog-detail-page__breadcrumbCurrent{color:var(--sa-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,420px)}.blog-detail-page__article{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg, 16px);box-shadow:var(--sa-shadow-xs, 0 1px 2px rgba(0, 0, 0, .04));overflow:hidden}.blog-detail-page__hero{width:100%;max-height:320px;overflow:hidden;background:var(--sa-surface-soft, #eef2f7);border-bottom:1px solid var(--sa-border)}.blog-detail-page__heroImg{width:100%;height:100%;max-height:320px;object-fit:cover;display:block}.blog-detail-page__inner{padding:28px 32px 36px}.blog-detail-page__topBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.blog-detail-page__actions{display:flex;gap:8px;align-items:center}.blog-detail-page__likeBtn{border:1px solid var(--sa-border-strong);background:var(--sa-surface);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--sa-text-secondary);transition:background .15s ease}.blog-detail-page__likeBtn:hover:not(:disabled){background:var(--sa-surface-soft)}.blog-detail-page__likeBtn:disabled{opacity:.6;cursor:not-allowed}.blog-detail-page__editBtn{padding:8px 14px!important;font-size:13px!important}.blog-detail-page__header{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--sa-border)}.blog-detail-page__title{margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--sa-text)}.blog-detail-page__subTitle{margin:12px 0 0;font-size:1.05rem;line-height:1.55;color:var(--sa-muted);max-width:62ch}.blog-detail-page__meta{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:20px}.blog-detail-page__metaItem{display:flex;flex-direction:column;gap:2px;min-width:0}.blog-detail-page__metaLabel{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sa-muted)}.blog-detail-page__metaItem strong{font-size:14px;font-weight:600;color:var(--sa-text)}.blog-detail-page__classify{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;padding:16px;border-radius:var(--sa-radius-md);background:var(--sa-surface-soft, #f8fafc);border:1px solid var(--sa-border)}.blog-detail-page__classifyGroup{display:flex;flex-direction:column;gap:8px}.blog-detail-page__classifyLabel{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sa-muted)}.blog-detail-page__tags,.blog-detail-page__moods{display:flex;flex-wrap:wrap;gap:8px}.blog-detail-page__tag{border:1px solid color-mix(in srgb,var(--sa-primary) 28%,var(--sa-border));background:color-mix(in srgb,var(--sa-primary) 8%,var(--sa-surface));border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--sa-primary-dark, var(--sa-text));text-decoration:none;transition:background .15s ease}.blog-detail-page__tag:hover{background:color-mix(in srgb,var(--sa-primary) 14%,var(--sa-surface))}.blog-detail-page__mood{display:inline-flex;align-items:center;gap:5px;border:1px solid #ddd6fe;background:#f5f3ff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;color:#5b21b6}.blog-detail-page__content{color:var(--sa-text);font-size:1.0625rem;line-height:1.8;letter-spacing:.01em}.blog-detail-page__content p{margin:0 0 1.25em}.blog-detail-page__content p:last-child{margin-bottom:0}.blog-detail-page__empty{color:var(--sa-muted);font-style:italic}.blog-detail-page__loading,.blog-detail-page__error{padding:48px 24px;text-align:center;color:var(--sa-muted)}.blog-detail-page__error{color:var(--sa-danger-text);background:var(--sa-danger-bg);border:1px solid var(--sa-danger-border);border-radius:var(--sa-radius-md)}@media (max-width: 640px){.blog-detail-page__inner{padding:20px 18px 28px}.blog-detail-page__meta{gap:12px 16px}.blog-detail-page__content{font-size:1rem;line-height:1.75}}.tag-selector{display:grid;gap:6px}.tag-selector__label{font-size:13px;font-weight:500;color:var(--sa-text-secondary)}.tag-selector__control{border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);background:var(--sa-surface);display:flex;flex-direction:column;align-items:stretch;cursor:text;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.tag-selector__control--open{box-shadow:0 0 0 3px var(--sa-primary-soft);border-color:var(--sa-primary)}.tag-selector__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:10px 12px}.tag-selector__placeholder{font-size:13px;color:var(--sa-muted-light)}.tag-selector__chip{display:inline-flex;align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--sa-primary) 28%,var(--sa-border));background:color-mix(in srgb,var(--sa-primary) 8%,var(--sa-surface));border-radius:var(--sa-radius-full);padding:4px 10px;font-size:12px;font-weight:600;color:var(--sa-primary-dark, var(--sa-text));cursor:pointer;max-width:100%}.tag-selector__chip:hover{background:color-mix(in srgb,var(--sa-primary) 14%,var(--sa-surface))}.tag-selector__chipText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-selector__chipX{opacity:.55;font-size:14px;line-height:1}.tag-selector__search{border-top:1px solid var(--sa-border);padding:0 12px;background:var(--sa-surface-soft, #f8fafc)}.tag-selector__input{width:100%;border:none;outline:none;font-size:13px;padding:10px 0;background:transparent;color:var(--sa-text)}.tag-selector__input::placeholder{color:var(--sa-muted)}.tag-selector__menu{margin-top:6px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);background:var(--sa-surface);box-shadow:var(--sa-shadow);overflow:hidden;max-height:220px;overflow-y:auto}.tag-selector__menuItem{width:100%;text-align:left;padding:8px 12px;border:none;background:var(--sa-surface);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tag-selector__menuItem:hover{background:var(--sa-surface-hover)}.tag-selector__menuItem--create{color:var(--sa-primary);font-weight:500}.tag-selector__slug{font-size:12px;color:var(--sa-muted)}.blog-editor-page{display:flex;flex-direction:column;gap:16px;max-width:1200px}.blog-editor-page__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.blog-editor-page__main,.blog-editor-page__aside{display:flex;flex-direction:column;gap:20px;min-width:0}.blog-editor-page__aside{position:sticky;top:calc(var(--sa-header-height, 72px) + 12px)}.blog-editor-page__postHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.blog-editor-page__postHeaderMeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:13px;color:var(--sa-muted);white-space:nowrap}.blog-editor-page__postHeaderMeta strong{color:var(--sa-text);font-weight:600}.blog-editor-page__postHeaderSep{color:var(--sa-border-strong);-webkit-user-select:none;user-select:none}.blog-editor-page__contentWrap{display:flex;flex-direction:column;gap:6px}.blog-editor-page__contentArea{min-height:280px;line-height:1.65}.blog-editor-page__contentWordCount{margin:0;text-align:right;font-size:12px;font-weight:600;color:var(--sa-muted)}@media (max-width: 640px){.blog-editor-page__postHeader{flex-direction:column;align-items:flex-start}.blog-editor-page__postHeaderMeta{white-space:normal}}.blog-editor-page__classifyCard .sa-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-editor-page__classifySummary{font-size:12px;font-weight:600;color:var(--sa-muted);white-space:nowrap}.blog-editor-page__classifyBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-editor-page__classifyCol{display:flex;flex-direction:column;gap:10px;min-width:0}.blog-editor-page__classifyHead{display:flex;align-items:flex-start;gap:10px}.blog-editor-page__classifyIcon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;font-size:15px;font-weight:700;flex-shrink:0}.blog-editor-page__classifyIcon--tags{color:var(--sa-primary-dark, #0f766e);background:color-mix(in srgb,var(--sa-primary) 12%,var(--sa-surface));border:1px solid color-mix(in srgb,var(--sa-primary) 22%,var(--sa-border))}.blog-editor-page__classifyIcon--moods{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.blog-editor-page__classifyHeadText{display:flex;flex-direction:column;gap:2px;min-width:0}.blog-editor-page__classifyHeadText strong{font-size:14px;font-weight:700;color:var(--sa-text)}.blog-editor-page__classifyHeadText span{font-size:12px;color:var(--sa-muted);line-height:1.4}@media (max-width: 900px){.blog-editor-page__classifyBody{grid-template-columns:1fr}}.blog-editor-page__formActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding-top:8px;margin-top:4px;border-top:1px solid var(--sa-border)}.blog-editor-page__loading{padding:48px;text-align:center;color:var(--sa-muted)}.blog-editor-page__error{padding:12px 16px;color:var(--sa-danger-text);background:var(--sa-danger-bg);border:1px solid var(--sa-danger-border);border-radius:var(--sa-radius-md);font-size:14px}.blog-editor-page__previewModal{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto}.blog-editor-page__previewCover{position:relative;height:180px;border-radius:12px;overflow:hidden;background:var(--sa-input-bg)}.blog-editor-page__previewCoverImg{width:100%;height:100%;object-fit:cover}.blog-editor-page__previewCoverFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#01c5c5,#018c8c);color:#fff;font-weight:600}.blog-editor-page__previewMeta{position:absolute;bottom:10px;left:10px;display:flex;gap:8px}.blog-editor-page__previewTitle{font-size:22px;font-weight:700;line-height:1.3}.blog-editor-page__previewSubtitle{margin-top:8px;color:var(--sa-muted)}.blog-editor-page__previewTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.blog-editor-page__previewHr{border:none;border-top:1px solid var(--sa-border);margin:16px 0}.blog-editor-page__previewBody{display:flex;flex-direction:column;gap:10px;line-height:1.65;color:var(--sa-text-secondary)}.blog-editor-page__previewFooter{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--sa-border)}@media (max-width: 960px){.blog-editor-page__layout{grid-template-columns:1fr}.blog-editor-page__aside{position:static}}.multi-select{display:grid;gap:6px}.multi-select__label{font-size:13px;font-weight:500;color:var(--sa-text-secondary);margin-bottom:2px}.multi-select__control{border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);background:var(--sa-surface);display:flex;flex-direction:column;align-items:stretch;cursor:text;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.multi-select__control--open{box-shadow:0 0 0 3px var(--sa-primary-soft);border-color:var(--sa-primary)}.multi-select__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:10px 12px}.multi-select__placeholder{font-size:13px;color:var(--sa-muted-light)}.multi-select__chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #c4b5fd;background:#f5f3ff;border-radius:var(--sa-radius-full);padding:4px 10px;font-size:12px;font-weight:600;color:#5b21b6;cursor:pointer;max-width:100%}.multi-select__chip:hover{background:#ede9fe}.multi-select__chipEmoji{font-size:14px;line-height:1}.multi-select__chipText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select__chipX{opacity:.55;font-size:14px;line-height:1}.multi-select__search{border-top:1px solid var(--sa-border);padding:0 12px;background:var(--sa-surface-soft, #f8fafc)}.multi-select__input{width:100%;border:none;outline:none;font-size:13px;padding:10px 0;background:transparent;color:var(--sa-text)}.multi-select__input::placeholder{color:var(--sa-muted)}.multi-select__menu{margin-top:6px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);background:var(--sa-surface);box-shadow:var(--sa-shadow);overflow:hidden;max-height:220px;overflow-y:auto}.multi-select__menuItem{width:100%;text-align:left;padding:8px 12px;border:none;background:var(--sa-surface);cursor:pointer;font-size:13px;display:block}.multi-select__menuItemMain{display:flex;align-items:center;gap:10px}.multi-select__menuItemEmoji{font-size:18px;line-height:1;flex-shrink:0}.multi-select__menuItemText{display:flex;flex-direction:column;gap:1px;min-width:0}.multi-select__menuItemLabel{font-weight:600;color:var(--sa-text)}.multi-select__menuItem:hover{background:var(--sa-surface-hover)}.multi-select__menuItem:disabled{opacity:.5;cursor:not-allowed}.multi-select__menuItem--muted{cursor:default;color:var(--sa-muted)}.multi-select__menuItemSubLabel{font-size:12px;color:var(--sa-muted)}.blog-image-upload{display:grid;gap:10px}.blog-image-upload__head{display:flex;flex-direction:column;gap:2px}.blog-image-upload__label{font-size:13px;font-weight:650;color:var(--sa-text)}.blog-image-upload__hint{font-size:12px;color:var(--sa-muted);line-height:1.4}.blog-image-upload__zone{position:relative;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--sa-border);border-radius:14px;background:#ffffffb8;cursor:pointer;overflow:hidden;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.blog-image-upload__zone:hover{border-color:var(--sa-primary);background:var(--sa-surface);box-shadow:var(--sa-shadow-sm)}.blog-image-upload__zone:focus-visible{outline:2px solid var(--sa-primary-ring);outline-offset:2px}.blog-image-upload--cover .blog-image-upload__zone{min-height:180px;aspect-ratio:16 / 9;max-height:240px}.blog-image-upload--thumbnail .blog-image-upload__zone{min-height:120px;max-width:280px;aspect-ratio:5 / 3}.blog-image-upload__zone--filled{border-style:solid}.blog-image-upload__img{width:100%;height:100%;object-fit:cover;display:block}.blog-image-upload__empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;text-align:center;pointer-events:none}.blog-image-upload__icon{font-size:28px;line-height:1;opacity:.55}.blog-image-upload__emptyTitle{font-size:14px;font-weight:650;color:var(--sa-text)}.blog-image-upload__emptyMeta{font-size:12px;color:var(--sa-muted)}.blog-image-upload__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffd1;font-size:14px;font-weight:650;color:var(--sa-text)}.blog-image-upload__fileInput{display:none}.blog-image-upload__actions{display:flex;flex-wrap:wrap;gap:8px}.blog-image-upload__primary,.blog-image-upload__ghost{border-radius:10px;padding:8px 14px;font-size:13px;font-weight:650;cursor:pointer}.blog-image-upload__primary{border:1px solid var(--sa-border-strong);background:var(--sa-border);color:var(--sa-text)}.blog-image-upload__primary:hover:not(:disabled){background:#0f172a1a}.blog-image-upload__ghost{border:1px solid transparent;background:transparent;color:var(--sa-muted)}.blog-image-upload__ghost:hover:not(:disabled){color:var(--sa-danger);background:#ef44440f}.blog-image-upload__primary:disabled,.blog-image-upload__ghost:disabled{opacity:.55;cursor:not-allowed}.blog-editor-page__mediaGrid{display:grid;gap:16px}@media (min-width: 720px){.blog-editor-page__mediaGrid{grid-template-columns:1fr 280px;align-items:start}}.roles-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.roles-page__toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-bottom:8px}.roles-page__loading,.roles-page__error{padding:64px 32px;text-align:center;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);color:var(--sa-muted);font-size:15px}.roles-page__error{color:var(--sa-danger);border-color:var(--sa-danger-border);background:var(--sa-danger-bg)}.roles-page__toast{padding:12px 16px;border-radius:var(--sa-radius-md);background:var(--sa-success-bg);border:1px solid var(--sa-success-border);color:var(--sa-success-text);font-size:13px;font-weight:500;box-shadow:var(--sa-shadow-sm);display:flex;align-items:center;gap:8px;animation:slideIn .2s ease-out}.roles-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.role-card{display:flex;flex-direction:column;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);padding:24px;box-shadow:var(--sa-shadow-xs);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--sa-primary),transparent);opacity:0;transition:opacity .2s ease}.role-card:hover{transform:translateY(-2px);box-shadow:var(--sa-shadow);border-color:var(--sa-border-strong)}.role-card:hover:before{opacity:1}.role-card__header{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.role-card__icon-container{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--sa-radius-md);background:var(--sa-primary-soft);color:var(--sa-primary);flex-shrink:0;transition:background .2s ease,color .2s ease}.role-card:hover .role-card__icon-container{background:var(--sa-primary);color:#fff}.role-card__title-section{display:flex;flex-direction:column;gap:4px;min-width:0;flex-grow:1}.role-card__name{margin:0;font-size:16px;font-weight:600;color:var(--sa-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.role-card__badge{font-size:11px;font-weight:550;color:var(--sa-text-secondary);background:var(--sa-surface-soft);border:1px solid var(--sa-border);padding:2px 8px;border-radius:var(--sa-radius-sm);font-family:ui-monospace,monospace}.role-card__badge--code{background:var(--sa-primary-muted);border-color:var(--sa-primary-ring);color:var(--sa-primary-dark, #008080)}.role-card__status-dot{width:6px;height:6px;border-radius:50%;background:var(--sa-success)}.role-card__description{margin:0 0 20px;font-size:13px;color:var(--sa-muted);line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.role-card__preview-section{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--sa-border);padding-top:16px;margin-bottom:20px}.role-card__preview-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sa-muted-light);font-weight:600}.role-card__preview-list{display:flex;flex-wrap:wrap;gap:6px}.role-card__perm-pill{font-size:12px;padding:3px 8px;background:var(--sa-surface-soft);border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);color:var(--sa-text-secondary);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-card__perm-pill--more{background:var(--sa-primary-soft);border-color:var(--sa-primary-ring);color:var(--sa-primary-active);font-weight:600}.role-card__no-perms{font-size:12px;color:var(--sa-muted-light);font-style:italic;margin:0}.role-card__footer{display:flex;justify-content:flex-end;border-top:1px solid var(--sa-border);padding-top:16px;margin-top:auto}.roles-page__modal-search{position:relative;margin-bottom:16px}.roles-page__modal-search-input{width:100%;padding-left:36px!important}.roles-page__modal-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sa-muted);pointer-events:none}.role-card__perms-list{list-style:none;margin:0 0 20px;padding:4px;max-height:320px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.role-card__permLabel{display:flex;align-items:flex-start;gap:12px;font-size:13px;cursor:pointer;padding:12px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.role-card__permLabel:hover{border-color:var(--sa-primary-ring);background:var(--sa-surface-soft)}.role-card__permLabel--checked{background:var(--sa-primary-soft);border-color:var(--sa-primary)}.role-card__permLabel input[type=checkbox]{width:16px;height:16px;border-radius:4px;margin-top:2px;accent-color:var(--sa-primary);flex-shrink:0}.role-card__permText{display:flex;flex-direction:column;gap:2px;min-width:0}.role-card__perm-code{font-weight:600;color:var(--sa-text);word-break:break-all;font-family:ui-monospace,monospace;font-size:12px}.role-card__perm-name{font-size:12px;color:var(--sa-muted);word-break:break-word}.role-card__modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--sa-border);padding-top:16px}.role-card__modal-footer-stats{font-size:13px;color:var(--sa-muted)}.role-card__modal-footer-actions{display:flex;gap:8px}@media (max-width: 768px){.roles-page__grid,.role-card__perms-list{grid-template-columns:1fr}}.permissions-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.permissions-page__toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.permissions-page__search-wrap{position:relative;flex:1 1 300px;max-width:400px}.permissions-page__search-input{width:100%;padding-left:36px!important}.permissions-page__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sa-muted);pointer-events:none}.permissions-page__loading,.permissions-page__error{padding:64px 32px;text-align:center;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);color:var(--sa-muted);font-size:15px}.permissions-page__error{color:var(--sa-danger);border-color:var(--sa-danger-border);background:var(--sa-danger-bg)}.permissions-page__toast{padding:12px 16px;border-radius:var(--sa-radius-md);background:var(--sa-success-bg);border:1px solid var(--sa-success-border);color:var(--sa-success-text);font-size:13px;font-weight:500;box-shadow:var(--sa-shadow-sm);display:flex;align-items:center;gap:8px;animation:slideIn .2s ease-out}.permissions-page__table-wrap{overflow-x:auto;border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);background:var(--sa-surface);box-shadow:var(--sa-shadow-xs)}.permissions-table__code{font-family:ui-monospace,monospace;font-weight:600;color:var(--sa-primary-dark, #008080)!important;font-size:13px;background:var(--sa-primary-muted);padding:4px 8px;border-radius:var(--sa-radius-sm);border:1px solid var(--sa-primary-ring);display:inline-block}.permissions-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--sa-radius-full);text-transform:uppercase;letter-spacing:.03em;font-family:ui-monospace,monospace}.permissions-pill--resource{background:var(--sa-surface-soft);color:var(--sa-text-secondary);border:1px solid var(--sa-border-strong)}.permissions-pill--action{background:#01c5c51a;color:var(--sa-primary-hover);border:1px solid var(--sa-primary-ring)}.permissions-page__desc{max-width:320px;color:var(--sa-muted);font-size:13px;white-space:normal;word-break:break-word}.permissions-menu-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--sa-text);background:var(--sa-surface-soft);padding:4px 8px;border-radius:var(--sa-radius-sm);border:1px solid var(--sa-border);font-weight:500}.permissions-menu-link svg{color:var(--sa-muted)}.permissions-page__actionsCell{width:1%;white-space:nowrap;text-align:right}.permissions-page__pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--sa-surface);border-top:1px solid var(--sa-border);flex-wrap:wrap;gap:12px}.permissions-page__pagination-info{font-size:13px;color:var(--sa-muted)}.permissions-page__pagination-buttons{display:flex;align-items:center;gap:8px}.permissions-page__pagination-btn{height:32px;padding:0 12px;font-size:13px}.menus-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.menus-page__toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px}.menus-page__loading,.menus-page__error{padding:64px 32px;text-align:center;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);color:var(--sa-muted);font-size:15px}.menus-page__error{color:var(--sa-danger);border-color:var(--sa-danger-border);background:var(--sa-danger-bg)}.menus-page__toast{padding:12px 16px;border-radius:var(--sa-radius-md);background:var(--sa-success-bg);border:1px solid var(--sa-success-border);color:var(--sa-success-text);font-size:13px;font-weight:500;box-shadow:var(--sa-shadow-sm);display:flex;align-items:center;gap:8px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menus-page__tree{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-xs);padding:24px;display:flex;flex-direction:column;gap:4px}.menus-page__empty{padding:48px;text-align:center;color:var(--sa-muted);font-size:14px}.menus-page__node-wrapper{position:relative}.menus-page__tree-item{padding:12px 16px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);background:var(--sa-surface);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;box-shadow:0 1px 2px #00000005}.menus-page__tree-item:hover{border-color:var(--sa-border-strong);box-shadow:var(--sa-shadow-xs);transform:translate(2px)}.menus-page__tree-item--child{border-left:2px solid var(--sa-primary-ring)!important;background:var(--sa-surface-soft)}.menus-page__tree-item-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.menus-page__tree-item-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:var(--sa-muted);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;flex-shrink:0}.menus-page__tree-item-toggle:hover{background:var(--sa-surface-hover);color:var(--sa-text)}.menus-page__tree-item-toggle--open{transform:rotate(90deg)}.menus-page__tree-item-icon{color:var(--sa-primary);flex-shrink:0;display:flex;align-items:center}.menus-page__tree-item-icon--child{color:var(--sa-muted)}.menus-page__tree-item-name{font-size:14px;font-weight:600;color:var(--sa-text);letter-spacing:-.01em}.menus-page__tree-item-meta{font-size:12px;color:var(--sa-muted);font-family:ui-monospace,monospace;background:var(--sa-surface);border:1px solid var(--sa-border);padding:2px 6px;border-radius:var(--sa-radius-sm);display:inline-flex;gap:8px}.menus-page__tree-item-order{font-size:11px;font-weight:600;color:var(--sa-primary-active);background:var(--sa-primary-soft);border:1px solid var(--sa-primary-ring);padding:1px 5px;border-radius:var(--sa-radius-sm)}.menus-page__tree-item-actions{display:flex;align-items:center;gap:6px}.menus-page__tree-item-btn{height:30px;padding:0 10px;font-size:12px}.menus-page__tree-item-btn--danger{color:var(--sa-danger);border-color:var(--sa-border)}.menus-page__tree-item-btn--danger:hover{background:var(--sa-danger-bg);border-color:var(--sa-danger-border);color:var(--sa-danger-text)}.menus-page__child-list{transition:max-height .25s ease-out,opacity .25s ease-out;overflow:hidden}.menus-page__child-list--collapsed{display:none}.menus-page__help{background:var(--sa-primary-muted);border:1px dashed var(--sa-primary-ring);border-radius:var(--sa-radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s ease,background .15s ease}.menus-page__help:hover{border-color:var(--sa-primary);background:var(--sa-primary-soft)}.menus-page__help h3{margin:0;font-size:15px;font-weight:600;color:var(--sa-primary-active, #007c7c);display:flex;align-items:center;gap:8px}.menus-page__help-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.menus-page__help-step{display:flex;flex-direction:column;gap:4px}.menus-page__help-step-num{font-size:11px;text-transform:uppercase;font-weight:700;color:var(--sa-primary);letter-spacing:.05em}.menus-page__help-step-text{font-size:13px;line-height:1.45;color:var(--sa-text-secondary)}.menus-page__help-step-text strong{color:var(--sa-text)}@media (max-width: 768px){.menus-page__tree-item{flex-direction:column;align-items:stretch;gap:12px}.menus-page__tree-item-actions{justify-content:flex-end}.menus-page__help-list{grid-template-columns:1fr}}.moods-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.moods-page__toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}.moods-page__toast{padding:12px 16px;border-radius:var(--sa-radius-md);background-color:var(--sa-success-bg);border:1px solid var(--sa-success-border);color:var(--sa-success-text);font-size:13px;font-weight:500}.moods-page__error{color:var(--sa-danger-text);font-size:13px;background-color:var(--sa-danger-bg);border:1px solid var(--sa-danger-border);padding:12px 16px;border-radius:var(--sa-radius-md)}.moods-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width: 1040px){.moods-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.moods-page__grid{grid-template-columns:1fr}}.moods-page__card{padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;transition:all .15s ease}.moods-page__card:hover{transform:translateY(-3px);box-shadow:var(--sa-shadow);border-color:var(--sa-border-strong)}.moods-page__cardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.moods-page__cardOrder{font-size:12px;font-weight:600;color:var(--sa-muted)}.moods-page__cardContent{display:flex;align-items:center;gap:16px;margin-bottom:20px}.moods-page__cardIconArea{width:56px;height:56px;border-radius:12px;background-color:var(--sa-input-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:32px}.moods-page__svgPreview{width:36px;height:36px;object-fit:contain}.moods-page__emoji{line-height:1}.moods-page__cardMeta{min-width:0}.moods-page__cardName{font-size:16px;font-weight:600;color:var(--sa-text);margin-bottom:2px}.moods-page__cardLabel{font-size:11px;color:var(--sa-muted);background-color:var(--sa-input-bg);padding:2px 6px;border-radius:4px}.moods-page__cardStats{display:grid;grid-template-columns:auto 1fr;gap:24px;border-top:1px solid var(--sa-border);padding-top:16px;margin-bottom:20px}.moods-page__cardStat{display:flex;flex-direction:column;gap:2px}.moods-page__statLabel{font-size:11px;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em}.moods-page__statVal{font-size:13px;font-weight:600;color:var(--sa-text)}.moods-page__colorRow{display:inline-flex;align-items:center;gap:6px}.moods-page__colorSwatch{width:14px;height:14px;border-radius:3px;border:1px solid var(--sa-border-strong)}.moods-page__cardActions{display:flex;gap:8px;width:100%}.moods-page__btn-compact{flex:1;height:36px!important;font-size:13px!important;border-radius:8px!important;padding:0 12px!important}.moods-page__emptyState{grid-column:1 / -1;padding:48px;text-align:center;color:var(--sa-muted);font-size:14px}.notif-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.notif-page .sa-page-tabs{margin-bottom:8px}.notif-page__dashboard{display:flex;flex-direction:column;gap:24px}.notif-page__kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.notif-page__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.notif-page__panel{padding:24px;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border);background:var(--sa-surface);box-shadow:var(--sa-shadow-xs);display:flex;flex-direction:column}.notif-page__panelTitle{margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sa-muted);border-bottom:1px dashed var(--sa-border);padding-bottom:8px}.notif-page__metricList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.notif-page__metricList li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--sa-radius-md);font-size:13px;color:var(--sa-text-secondary);background:var(--sa-surface-soft);border:1px solid var(--sa-border)}.notif-page__metricList strong{font-size:14px;font-weight:600;color:var(--sa-text);font-family:ui-monospace,monospace}.notif-page__chart{padding:24px;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border);background:var(--sa-surface);box-shadow:var(--sa-shadow-xs);min-height:340px}.notif-page-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:20px;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-xs)}.notif-page-filters__label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--sa-text-secondary)}.notif-page-filters__label--search{flex:2 1 240px}.notif-page-filters__label:not(.notif-page-filters__label--search):not(.notif-page-filters__label--dateRange){flex:1 1 120px}.notif-page-filters__label--dateRange{flex:2 1 auto}.notif-page-filters__field{width:100%}.notif-page-filters__dateRange{display:flex;align-items:center;gap:8px}.notif-page-filters__dateWrap{flex:1}.notif-page-filters__dateSep{color:var(--sa-muted-light);font-weight:500}.notif-page-filters__input,.notif-page-filters__select{width:100%;height:38px;border-radius:var(--sa-radius-md);padding:0 12px;border:1px solid var(--sa-border-strong);background:var(--sa-input-bg);color:var(--sa-text);font-size:13px;outline:none;transition:background-color .15s,border-color .15s,box-shadow .15s}.notif-page-filters__input:focus,.notif-page-filters__select:focus{background:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.notif-page-filters__actions{display:flex;align-items:flex-end}.notif-page-filters__btn{height:38px;padding:0 20px}.notif-page__table-wrap{overflow-x:auto;border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);background:var(--sa-surface);box-shadow:var(--sa-shadow-xs)}.notif-page__table{width:100%;border-collapse:collapse;font-size:13px}.notif-page__table th{font-size:11px;font-weight:600;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--sa-surface-soft);padding:14px 18px;border-bottom:1px solid var(--sa-border)}.notif-page__table td{padding:14px 18px;border-bottom:1px solid var(--sa-border);color:var(--sa-text);vertical-align:middle}.notif-page__table tbody tr:hover td{background:var(--sa-surface-soft)}.notif-page__table a{color:var(--sa-primary);font-weight:600;text-decoration:none;transition:color .15s}.notif-page__table a:hover{color:var(--sa-primary-hover);text-decoration:underline}.notif-page__platform{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--sa-radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.notif-page__platform--ios{background:#6366f11f;border:1px solid rgba(99,102,241,.25);color:#6366f1}.dark .notif-page__platform--ios{background:#6366f133;color:#818cf8}.notif-page__platform--android{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#10b981}.dark .notif-page__platform--android{background:#10b98133;color:#34d399}.sa-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--sa-radius-full)}.sa-status-pill--on{background:var(--sa-success-bg);color:var(--sa-success-text);border:1px solid var(--sa-success-border)}.sa-status-pill--off{background:var(--sa-surface-soft);color:var(--sa-muted);border:1px solid var(--sa-border)}.notif-page__pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-xs);flex-wrap:wrap;gap:12px}.notif-page__paginationActions{display:flex;align-items:center;gap:8px}.notif-page__loading{font-size:14px;color:var(--sa-muted);text-align:center;padding:32px 0}.notif-page__broadcast-form{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);padding:24px;box-shadow:var(--sa-shadow-xs);max-width:720px;display:flex;flex-direction:column;gap:20px}.notif-page__broadcast-form input,.notif-page__broadcast-form select{width:100%;height:38px;padding:0 12px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border-strong);background:var(--sa-input-bg);color:var(--sa-text);font-size:14px;outline:none;transition:background-color .15s,border-color .15s}.notif-page__broadcast-form input:focus,.notif-page__broadcast-form select:focus{background:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.notif-page__broadcast-form textarea{width:100%;padding:10px 12px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border-strong);background:var(--sa-input-bg);color:var(--sa-text);font-size:14px;outline:none;resize:vertical;transition:background-color .15s,border-color .15s}.notif-page__broadcast-form textarea:focus{background:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.notif-page__detail{display:grid;grid-template-columns:140px 1fr;gap:12px 16px;font-size:13.5px;line-height:1.5;border-top:1px solid var(--sa-border);padding-top:16px}.notif-page__detail dt{font-weight:600;color:var(--sa-muted)}.notif-page__detail dd{margin:0;color:var(--sa-text);word-break:break-word}.notif-page__json{background:var(--sa-surface-soft);border:1px solid var(--sa-border);padding:12px;border-radius:var(--sa-radius-md);overflow:auto;max-height:240px;font-size:12px;font-family:ui-monospace,monospace;color:var(--sa-text-secondary)}@media (max-width: 1024px){.notif-page__panels{grid-template-columns:1fr}}@media (max-width: 768px){.notif-page__kpi-row{grid-template-columns:1fr}.notif-page-filters{flex-direction:column;align-items:stretch}.notif-page-filters__actions{margin-left:0;width:100%}.notif-page-filters__btn{width:100%}.notif-page__detail{grid-template-columns:1fr;gap:4px}.notif-page__detail dt{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.notif-page__detail dd{margin-bottom:8px}}.usernames-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.usernames-page__headerSection{display:flex;justify-content:flex-start;margin-bottom:8px}.usernames-page__kpiGrid{margin-bottom:24px}.usernames-page__kpiCard{padding:24px;border-radius:var(--sa-radius-lg);display:flex;flex-direction:column;gap:8px;background:var(--sa-surface);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow-sm);transition:all .15s ease}.usernames-page__kpiCard:hover{transform:translateY(-2px);border-color:var(--sa-border-strong)}.usernames-page__kpiLabel{font-size:11px;font-weight:600;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em}.usernames-page__kpiValue{font-size:32px;font-weight:600;color:var(--sa-primary);line-height:1.1;letter-spacing:-.02em}.usernames-page__panelBody{height:auto;max-height:320px;overflow-y:auto;padding:20px 24px}.usernames-page__rankList{display:flex;flex-direction:column;gap:12px}.usernames-page__rankItem{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--sa-border)}.usernames-page__rankItem:last-child{border-bottom:none;padding-bottom:0}.usernames-page__rankMain{display:flex;flex-direction:column;gap:2px;min-width:0}.usernames-page__rankWord{font-size:13px;font-weight:600;color:var(--sa-text)}.usernames-page__rankCategory{font-size:11px;color:var(--sa-muted)}.usernames-page__rankCount{font-size:12px;font-weight:600;color:var(--sa-primary);background-color:var(--sa-primary-soft);padding:2px 8px;border-radius:6px;white-space:nowrap}.usernames-page__generatedName{font-size:13px;font-weight:600;color:var(--sa-text)}.usernames-page__generatedWords,.usernames-page__generatedDate{font-size:11px;color:var(--sa-muted)}.usernames-page__listTab{display:flex;flex-direction:column;gap:16px}.group-questions-page__breadcrumb{font-size:13px;color:#65676b;margin-bottom:16px}.group-questions-page__breadcrumb a{color:var(--sa-primary);text-decoration:none}.group-questions-page__breadcrumb a:hover{text-decoration:underline}.group-questions-page__breadcrumb-sep{margin:0 6px;color:#b0b3b8}.group-questions-page__title{margin:0 0 4px;font-size:22px;font-weight:600;color:#1a1d29}.group-questions-page__subtitle{margin:0 0 20px;font-size:14px;color:#65676b}.group-questions-page__newBanner{width:100%;border:1px solid rgba(25,103,210,.25);background:#1967d214;color:var(--sa-primary);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;cursor:pointer;margin:0 0 14px}.group-questions-page__newBanner:hover{background:#1967d21f}.group-questions-page__searchClear{border:none;background:transparent;color:var(--sa-primary);font-size:13px;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:6px}.group-questions-page__searchClear:hover{background:#1967d214}.group-questions-page__loading,.group-questions-page__error{padding:40px;text-align:center;color:#65676b}.group-questions-page__error{color:#b94a48}.group-questions-page__table-wrap{overflow-x:auto}.group-questions-page__pager{margin-top:16px;display:flex;justify-content:center}.group-questions-page__pagerBtn{border:1px solid #e4e6eb;border-radius:10px;padding:10px 14px;background:#fff;color:#1a1d29;cursor:pointer}.group-questions-page__pagerBtn:disabled{opacity:.6;cursor:not-allowed}.questions-table__title-link{display:block;font-weight:500;color:var(--sa-primary);text-decoration:none;margin-bottom:4px}.questions-table__title-link:hover{text-decoration:underline}.questions-table__body-preview{display:block;font-size:12px;color:#65676b;line-height:1.3}.questions-table__empty{text-align:center;color:#65676b;font-size:14px;padding:28px 16px!important}.questions-table__search-hit{background:#ffe6788c;color:inherit;padding:0 1px;border-radius:2px}.question-detail-page__breadcrumb{font-size:13px;color:#65676b;margin-bottom:20px}.question-detail-page__breadcrumb a{color:var(--sa-primary);text-decoration:none}.question-detail-page__breadcrumb a:hover{text-decoration:underline}.question-detail-page__breadcrumb-sep{margin:0 6px;color:#b0b3b8}.question-detail-page__loading,.question-detail-page__error{padding:40px;text-align:center;color:#65676b}.question-detail-page__error{color:#b94a48}.question-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;margin-bottom:24px;border:1px solid #e4e6eb}.question-card__main{display:flex;gap:20px;align-items:flex-start}.question-card__content{flex:1;min-width:0}.question-card__title{margin:0 0 12px;font-size:24px;font-weight:600;color:#1a1d29;line-height:1.3}.question-card__body{margin:0 0 16px;font-size:15px;line-height:1.6;color:#333;white-space:pre-wrap}.question-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;color:#65676b}.question-card__author{font-weight:500;color:#1a1d29}.question-card__stats{margin-left:auto}.vote-block{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.vote-block__btn{width:36px;height:28px;border:1px solid #e4e6eb;background:#fff;border-radius:6px;cursor:pointer;font-size:12px;color:#65676b;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.vote-block__btn:hover:not(:disabled){background:#f0f2f5;color:var(--sa-primary)}.vote-block__btn:disabled{opacity:.6;cursor:not-allowed}.vote-block__btn--up:hover:not(:disabled){color:#238636}.vote-block__btn--down:hover:not(:disabled){color:#cf222e}.vote-block__score{font-size:16px;font-weight:600;color:#1a1d29;min-width:28px;text-align:center}.answers-section{margin-top:32px}.answers-section__title{margin:0 0 16px;font-size:20px;font-weight:600;color:#1a1d29}.answers-section__empty{color:#65676b;font-size:14px;padding:24px;background:#f7f8fa;border-radius:10px}.answer-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;margin-bottom:20px;border:1px solid #e4e6eb}.answer-card__main{display:flex;gap:20px;align-items:flex-start}.answer-card__content{flex:1;min-width:0}.answer-card__accepted{display:inline-block;padding:4px 10px;background:#e6f4ea;color:#137333;font-size:12px;font-weight:600;border-radius:6px;margin-bottom:10px}.answer-card__body{margin:0 0 12px;font-size:15px;line-height:1.6;color:#333;white-space:pre-wrap}.answer-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;color:#65676b}.answer-card__reply-btn{background:none;border:none;color:var(--sa-primary);cursor:pointer;font-size:13px;padding:0}.answer-card__reply-btn:hover{text-decoration:underline}.answer-card__reply-form{margin-top:16px;padding-top:16px;border-top:1px solid #e4e6eb}.answer-card__reply-input{width:100%;padding:12px;border:1px solid #e4e6eb;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:10px}.answer-card__reply-input:focus{outline:none;border-color:var(--sa-primary);box-shadow:0 0 0 2px #1967d233}.answer-card__reply-actions{display:flex;gap:10px}.answer-card__reply-submit,.answer-card__reply-cancel{padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer}.answer-card__reply-submit{background:var(--sa-primary);color:#fff;border:none}.answer-card__reply-submit:hover:not(:disabled){background:#1557b0}.answer-card__reply-submit:disabled{opacity:.6;cursor:not-allowed}.answer-card__reply-cancel{background:#fff;color:#65676b;border:1px solid #e4e6eb}.answer-card__reply-cancel:hover{background:#f0f2f5}.answer-card__comments{margin-top:20px;padding-top:20px;border-top:1px solid #e4e6eb}.answer-card__comments-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#65676b}.comment-item{margin-bottom:12px}.comment-item__main{display:flex;gap:12px;align-items:flex-start}.comment-item--depth-1,.comment-item--depth-2{margin-left:24px;padding-left:16px;border-left:2px solid #e4e6eb}.comment-item__body{flex:1;min-width:0}.comment-item__text{margin:0 0 6px;font-size:14px;line-height:1.5;color:#333}.comment-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:#65676b}.comment-item__reply-btn{background:none;border:none;color:var(--sa-primary);cursor:pointer;font-size:12px;padding:0}.comment-item__reply-btn:hover{text-decoration:underline}.comment-item__reply-form{margin-top:10px}.comment-item__reply-input{width:100%;padding:10px;border:1px solid #e4e6eb;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;margin-bottom:8px}.comment-item__reply-input:focus{outline:none;border-color:var(--sa-primary)}.comment-item__reply-actions{display:flex;gap:8px}.comment-item__reply-submit,.comment-item__reply-cancel{padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.comment-item__reply-submit{background:var(--sa-primary);color:#fff;border:none}.comment-item__reply-submit:hover:not(:disabled){background:#1557b0}.comment-item__reply-submit:disabled{opacity:.6;cursor:not-allowed}.comment-item__reply-cancel{background:#fff;color:#65676b;border:1px solid #e4e6eb}.comment-item__reply-cancel:hover{background:#f0f2f5}.comment-item__replies{margin-top:8px}.otp-input{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.login-page__toolbar{padding:24px 40px 0}.login-page__back{display:inline-flex;align-items:center;gap:6px;color:#01c5c5;text-decoration:none;font-size:14px;font-weight:500;transition:color .15s ease}.login-page__back:hover{color:#01acac}.login-page__back svg{flex-shrink:0}.login-page__logoBand--reset{padding:12px 40px 16px;border-bottom:none}.login-page__header--compact{padding-top:8px}.login-page--reset .login-page__field{margin-bottom:16px}.login-page__req{margin-top:8px}.login-page__reqChips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.login-page__reqChip{display:inline-block;padding:3px 8px;font-size:11px;font-weight:500;line-height:1.3;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;transition:color .15s ease,background .15s ease,border-color .15s ease}.login-page__reqChip--met{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.login-page__footer{margin-top:8px;padding:24px 40px 0;border-top:1px solid var(--sa-border, #e5e7eb);text-align:center}.login-page__footer p{margin:0;font-size:14px;color:#6b7280}.login-page__footer a{color:#01c5c5;font-weight:600;text-decoration:underline;text-underline-offset:2px}.login-page__footer a:hover{color:#01acac}.login-page__status{padding:8px 40px 32px;text-align:center}.login-page__statusIcon{margin-bottom:20px}.login-page__statusTitle{margin:0 0 8px;font-size:1.375rem;font-weight:700;color:#111827}.login-page__statusText{margin:0 0 20px;font-size:14px;color:#6b7280;line-height:1.5}.login-page__statusNote{margin:0;font-size:13px;color:#9ca3af}.login-page__actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.login-page__linkBtn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:8px;background:#01c5c5;color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s ease}.login-page__linkBtn:hover{background:#01acac}.login-page__textLink{font-size:14px;font-weight:500;color:#01c5c5;text-decoration:none}.login-page__textLink:hover{color:#01acac;text-decoration:underline}@media (max-width: 480px){.login-page__toolbar,.login-page__logoBand--reset,.login-page__header,.login-page__form,.login-page__footer,.login-page__status{padding-left:24px;padding-right:24px}.login-page__toolbar{padding-top:20px}}.dashboard-layout{min-height:100vh;display:flex;background-color:var(--sa-bg);color:var(--sa-text);transition:background-color .2s ease,color .2s ease}.dashboard-layout__sidebar{width:var(--sa-sidebar-width);background-color:var(--sa-sidebar-bg);border-right:1px solid var(--sa-sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:40;flex-shrink:0;transition:width .2s cubic-bezier(.4,0,.2,1),background-color .2s ease,border-color .2s ease}.dashboard-layout__sidebarExpandTab{position:absolute;top:22px;right:-13px;z-index:50;width:26px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--sa-sidebar-border);border-left:none;border-radius:0 10px 10px 0;background-color:var(--sa-sidebar-bg);color:var(--sa-muted);cursor:pointer;box-shadow:2px 0 8px #0f172a0f,0 1px 2px #0f172a0a;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.dashboard-layout__sidebarExpandTab:hover{color:var(--sa-primary);background-color:var(--sa-primary-soft);border-color:#01c5c559;box-shadow:2px 0 12px #01c5c526,0 1px 3px #0f172a0f;transform:translate(1px)}.dashboard-layout__sidebarExpandTab:active{transform:translate(0)}.dashboard-layout--collapsed .dashboard-layout__sidebar{width:80px}.dashboard-layout__brand{height:var(--sa-header-height);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 0 24px;border-bottom:1px solid var(--sa-sidebar-border);transition:padding .2s ease}.dashboard-layout--collapsed .dashboard-layout__brand{padding:0;justify-content:center;height:var(--sa-header-height)}.dashboard-layout__brandCollapseBtn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--sa-border);background-color:var(--sa-surface);color:var(--sa-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.dashboard-layout__brandCollapseBtn:hover{color:var(--sa-text);border-color:var(--sa-primary);background-color:var(--sa-primary-soft)}.dashboard-layout__logo{display:flex;align-items:center;gap:12px}.dashboard-layout__logoIcon{width:32px;height:32px;background-color:var(--sa-primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;letter-spacing:-.05em;box-shadow:0 2px 8px #01c5c54d}.dashboard-layout__logoText{font-size:16px;font-weight:600;color:var(--sa-text);letter-spacing:-.02em}.dashboard-layout__sideNav{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:16px}.dashboard-layout--collapsed .dashboard-layout__sideNav{padding:16px 0;align-items:center}.dashboard-layout__navGroup{display:flex;flex-direction:column;gap:4px;width:100%}.dashboard-layout__navGroupTitle{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sa-muted);margin-bottom:6px;padding-left:12px}.dashboard-layout__navGroupItems{display:flex;flex-direction:column;gap:2px}.dashboard-layout__sideNavItem{width:100%}.dashboard-layout__sideNavRow{display:flex;align-items:center;width:100%}.dashboard-layout__sideNavLink{flex:1;display:flex;align-items:center;gap:12px;padding:8px 12px;color:var(--sa-sidebar-text);text-decoration:none;border-radius:8px;font-size:13px;font-weight:500;transition:all .15s ease;line-height:1.4;min-width:0;border:1px solid transparent}.dashboard-layout--collapsed .dashboard-layout__sideNavLink{justify-content:center;padding:10px;width:44px;height:44px;border-radius:10px}.dashboard-layout__sideNavLink:hover{color:var(--sa-text);background-color:var(--sa-surface-hover)}.dashboard-layout__sideNavLink--active{color:var(--sa-sidebar-active-text);background-color:var(--sa-sidebar-active-bg);font-weight:600;border-color:#01c5c526}.dashboard-layout__navIcon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sa-muted)}.dashboard-layout__sideNavLink--active .dashboard-layout__navIcon{color:var(--sa-primary)}.dashboard-layout__navLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-layout__sidebarFooter{padding:16px 12px;border-top:1px solid var(--sa-sidebar-border);display:flex;flex-direction:column;gap:12px}.dashboard-layout--collapsed .dashboard-layout__sidebarFooter{padding:16px 0;align-items:center}.dashboard-layout__profileInfo{display:flex;align-items:center;gap:12px;padding:4px}.dashboard-layout__sidebarAvatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--sa-border);flex-shrink:0}.dashboard-layout__sidebarAvatarFallback{width:36px;height:36px;border-radius:50%;background-color:var(--sa-primary-soft);color:var(--sa-sidebar-active-text);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-layout__sidebarUserMeta{min-width:0;flex:1}.dashboard-layout__sidebarUserName{font-size:13px;font-weight:600;color:var(--sa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-layout__sidebarUserEmail{font-size:11px;color:var(--sa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-layout__footerActions{display:flex;align-items:center;gap:8px;width:100%}.dashboard-layout--collapsed .dashboard-layout__footerActions{width:auto}.dashboard-layout__footerActionBtn{flex:1;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--sa-border);background-color:var(--sa-surface);color:var(--sa-muted);cursor:pointer;transition:all .15s ease}.dashboard-layout--collapsed .dashboard-layout__footerActionBtn{width:36px;height:36px;flex:none}.dashboard-layout__footerActionBtn:hover{background-color:var(--sa-surface-hover);color:var(--sa-text)}.dashboard-layout__footerActionBtn--logout:hover{background-color:var(--sa-danger-bg);border-color:var(--sa-danger-border);color:var(--sa-danger-text)}.dashboard-layout__content{flex:1;min-width:0;display:flex;flex-direction:column}.dashboard-layout__header{height:var(--sa-header-height);padding:0 var(--sa-content-padding);background:var(--sa-glass-bg-strong)!important;backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate))!important;-webkit-backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate))!important;border-bottom:1px solid var(--sa-glass-border-outer, var(--sa-border))!important;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;transition:background-color .2s ease,border-color .2s ease}.dashboard-layout__headerLeft{display:flex;align-items:center;gap:16px}.dashboard-layout__headerTitleArea{display:flex;flex-direction:column;gap:4px}.dashboard-layout__headerTitle{font-size:16px;font-weight:600;color:var(--sa-text);margin:0;line-height:1.25}.dashboard-layout__breadcrumbContainer{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--sa-muted)}.dashboard-layout__breadcrumbItem{transition:color .15s ease}.dashboard-layout__breadcrumbItem--active{color:var(--sa-text);font-weight:600}.dashboard-layout__breadcrumbSeparator{display:flex;align-items:center;gap:8px}.dashboard-layout__headerRight{display:flex;align-items:center;gap:12px}.dashboard-layout__searchBarTrigger{display:flex;align-items:center;gap:10px;width:220px;height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--sa-border);background-color:var(--sa-input-bg);color:var(--sa-muted);font-size:13px;font-family:inherit;cursor:pointer;text-align:left;transition:all .15s ease}.dashboard-layout__searchBarTrigger:hover{background-color:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.dashboard-layout__searchIcon{color:var(--sa-muted);flex-shrink:0}.dashboard-layout__searchKbd{margin-left:auto;font-size:10px;font-weight:600;background-color:var(--sa-surface);border:1px solid var(--sa-border-strong);border-radius:4px;padding:2px 6px;color:var(--sa-muted);box-shadow:0 1px #0000000d}.dashboard-layout__headerBtn{width:36px;height:36px;border-radius:8px;border:1px solid var(--sa-border);background-color:var(--sa-surface);color:var(--sa-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.dashboard-layout__headerBtn:hover{background-color:var(--sa-surface-hover);color:var(--sa-text);border-color:var(--sa-border-strong)}.dashboard-layout__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--sa-border)}.dashboard-layout__main{padding:var(--sa-content-padding);max-width:var(--sa-content-max);margin:0 auto;width:100%;flex:1}.dashboard-layout__welcomeSection{margin-bottom:24px;display:flex;flex-direction:column;gap:4px}.dashboard-layout__welcomeTitle{font-size:32px;font-weight:600;color:var(--sa-text);letter-spacing:-.02em}.dashboard-layout__welcomeSubtitle{font-size:14px;color:var(--sa-muted)}.dashboard-layout__burger{width:36px;height:36px;border-radius:8px;border:1px solid var(--sa-border);background-color:var(--sa-surface);color:var(--sa-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.dashboard-layout__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.sa-command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:999;animation:sa-fade-in .15s ease-out}.sa-command-palette{width:100%;max-width:600px;background-color:var(--sa-surface);border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-lg);overflow:hidden;animation:sa-slide-down .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.sa-command-palette__search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sa-border)}.sa-command-palette__searchIcon{color:var(--sa-muted)}.sa-command-palette__input{flex:1;background:transparent;border:none;font-size:15px;font-family:inherit;color:var(--sa-text);outline:none}.sa-command-palette__input::placeholder{color:var(--sa-muted-light)}.sa-command-palette__esc{font-size:10px;font-weight:600;background-color:var(--sa-input-bg);border:1px solid var(--sa-border);border-radius:4px;padding:2px 6px;color:var(--sa-muted)}.sa-command-palette__results{max-height:330px;overflow-y:auto;padding:8px}.sa-command-palette__empty{padding:32px 20px;text-align:center;color:var(--sa-muted);font-size:14px}.sa-command-palette__item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .1s ease}.sa-command-palette__item--selected{background-color:var(--sa-surface-hover)}.sa-command-palette__itemContent{display:flex;flex-direction:column;gap:2px}.sa-command-palette__itemTitle{font-size:13px;font-weight:600;color:var(--sa-text)}.sa-command-palette__itemSubtitle{font-size:11px;color:var(--sa-muted)}.sa-command-palette__badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;background-color:var(--sa-input-bg);color:var(--sa-muted);border:1px solid var(--sa-border)}.sa-command-palette__badge--action{background-color:var(--sa-primary-soft);color:var(--sa-sidebar-active-text);border-color:transparent}.sa-command-palette__footer{padding:12px 20px;background-color:var(--sa-input-bg);border-top:1px solid var(--sa-border);font-size:11px;color:var(--sa-muted)}.sa-command-palette__key{font-weight:600;background-color:var(--sa-surface);border:1px solid var(--sa-border);border-radius:3px;padding:1px 4px;margin:0 2px;color:var(--sa-text)}@keyframes sa-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sa-slide-down{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:1000;animation:sa-fade-in .15s ease-out}.sa-shortcuts-panel{width:100%;max-width:540px;background-color:var(--sa-surface);border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-xl);box-shadow:var(--sa-shadow-lg);overflow:hidden;animation:sa-slide-down .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.sa-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--sa-border);background-color:var(--sa-surface-soft)}.sa-shortcuts-title-group{display:flex;align-items:center;gap:10px}.sa-shortcuts-header-icon{color:var(--sa-primary)}.sa-shortcuts-title{font-size:15px;font-weight:600;color:var(--sa-text);margin:0}.sa-shortcuts-close{font-size:10px;font-weight:600;background-color:var(--sa-input-bg);border:1px solid var(--sa-border);border-radius:4px;padding:3px 8px;color:var(--sa-muted);cursor:pointer;transition:all .15s ease}.sa-shortcuts-close:hover{background-color:var(--sa-surface-hover);color:var(--sa-text)}.sa-shortcuts-body{padding:20px;display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto}.sa-shortcuts-section{display:flex;flex-direction:column;gap:12px}.sa-shortcuts-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sa-muted);margin:0}.sa-shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px}@media (max-width: 580px){.sa-shortcuts-grid{grid-template-columns:1fr}}.sa-shortcuts-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:var(--sa-radius-sm);background-color:var(--sa-surface-soft);border:1px solid var(--sa-border)}.sa-shortcuts-label{font-size:13px;font-weight:500;color:var(--sa-text-secondary)}.sa-shortcuts-key{font-family:var(--sa-font-mono, ui-monospace, monospace);font-size:11px;font-weight:700;background-color:var(--sa-surface);border:1px solid var(--sa-border-strong);border-radius:5px;padding:2px 6px;color:var(--sa-text);box-shadow:0 1.5px #0f172a14;min-width:22px;text-align:center;text-transform:uppercase}.sa-shortcuts-divider{height:1px;background-color:var(--sa-border)}.sa-shortcuts-footer{padding:14px 20px;background-color:var(--sa-input-bg);border-top:1px solid var(--sa-border);font-size:11px;color:var(--sa-muted);text-align:center}.dashboard-layout__headerBtn--notification{position:relative}.dashboard-layout__notificationBadge{position:absolute;top:-4px;right:-4px;background-color:#3b82f6;color:#fff;font-size:9px;font-weight:700;width:15px;height:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--sa-surface)}.dashboard-layout__headerProfile{display:flex;align-items:center;gap:10px;border-left:1px solid var(--sa-border);padding:2px 6px 2px 12px;margin-left:4px}.dashboard-layout__avatarFallback{width:36px;height:36px;border-radius:50%;background-color:var(--sa-primary-soft);color:var(--sa-sidebar-active-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:2px solid var(--sa-border)}.dashboard-layout__headerProfileText{display:flex;flex-direction:column;line-height:1.25}.dashboard-layout__headerUsername{font-size:13px;font-weight:600;color:var(--sa-text)}.dashboard-layout__headerRole{font-size:11px;color:var(--sa-muted)}.dashboard-layout__sidebarProfileCard{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:var(--sa-surface-soft);border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);margin-bottom:8px}.dashboard-layout__profileCardInfo{display:flex;align-items:center;gap:10px;min-width:0}.dashboard-layout__sidebarUserRole{font-size:11px;color:var(--sa-muted)}.dashboard-layout__profileChevron{color:var(--sa-muted);flex-shrink:0}.dashboard-layout__logoutBtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:38px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border-strong);background-color:var(--sa-surface);color:var(--sa-text-secondary);font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease}.dashboard-layout__logoutBtn:hover{background-color:var(--sa-surface-hover);color:var(--sa-text)}.dashboard-layout--collapsed .dashboard-layout__sidebarProfileCard{padding:4px;border-color:transparent;background:transparent}.dashboard-layout--collapsed .dashboard-layout__logoutBtn{width:38px;height:38px;padding:0;border-radius:50%}@media (max-width: 980px){.dashboard-layout__sidebar{position:fixed;left:0;top:0;height:100vh;z-index:50;transform:translate(-100%);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--sa-shadow-lg)}.dashboard-layout--sidebarOpen .dashboard-layout__sidebar{transform:translate(0)}.dashboard-layout--collapsed .dashboard-layout__sidebar{transform:translate(-100%)}.dashboard-layout__header{padding:0 16px}.dashboard-layout__main{padding:16px}}@media (max-width: 768px){.dashboard-layout__searchBarTrigger{width:36px;height:36px;padding:0;justify-content:center;border-radius:8px}.dashboard-layout__searchBarTrigger span,.dashboard-layout__searchBarTrigger kbd,.dashboard-layout__breadcrumbContainer,.dashboard-layout__headerProfile{display:none}}@media (max-width: 480px){.dashboard-layout__headerLeft,.dashboard-layout__headerRight{gap:8px}.dashboard-layout__headerTitle{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sa-primary: #01c5c5;--sa-primary-hover: #01acac;--sa-primary-active: #019a9a;--sa-primary-soft: #e6fafa;--sa-primary-muted: rgba(1, 197, 197, .08);--sa-primary-ring: rgba(1, 197, 197, .28);--sa-success: #22c55e;--sa-success-bg: #dcfce7;--sa-success-border: #bbf7d0;--sa-success-text: #15803d;--sa-warning: #f59e0b;--sa-warning-bg: #fef3c7;--sa-warning-border: #fde68a;--sa-warning-text: #b45309;--sa-danger: #ef4444;--sa-danger-bg: #fee2e2;--sa-danger-border: #fca5a5;--sa-danger-text: #b91c1c;--sa-bg: #f8fafc;--sa-surface: #ffffff;--sa-surface-raised: #ffffff;--sa-surface-soft: #f1f5f9;--sa-surface-hover: #e2e8f0;--sa-input-bg: #f1f5f9;--sa-border: #e2e8f0;--sa-border-strong: #cbd5e1;--sa-text: #0f172a;--sa-text-secondary: #475569;--sa-muted: #64748b;--sa-muted-light: #94a3b8;--sa-sidebar-width: 280px;--sa-header-height: 72px;--sa-content-padding: 24px;--sa-content-max: 1400px;--sa-page-gap: 24px;--sa-sidebar-bg: #ffffff;--sa-sidebar-border: var(--sa-border);--sa-sidebar-text: var(--sa-text-secondary);--sa-sidebar-muted: var(--sa-muted);--sa-sidebar-active-bg: var(--sa-primary-soft);--sa-sidebar-active-text: #017a7a;--sa-radius-sm: 8px;--sa-radius-md: 12px;--sa-radius-lg: 16px;--sa-radius-xl: 20px;--sa-radius-full: 9999px;--sa-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--sa-shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--sa-shadow: 0 4px 12px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .03);--sa-shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .08);--sa-glass-bg: rgba(255, 255, 255, .75);--sa-glass-bg-strong: rgba(255, 255, 255, .95);--sa-glass-bg-soft: rgba(241, 245, 249, .75);--sa-glass-stat-bg: rgba(255, 255, 255, .85);--sa-glass-border: rgba(255, 255, 255, .8);--sa-glass-border-outer: var(--sa-border);--sa-glass-blur: 16px;--sa-glass-saturate: 120%;--sa-glass-shadow: var(--sa-shadow-xs);--sa-glass-shadow-hover: var(--sa-shadow)}.dark{--sa-bg: #0f172a;--sa-surface: #1e293b;--sa-surface-raised: #334155;--sa-surface-soft: #1e293b;--sa-surface-hover: #334155;--sa-input-bg: #0f172a;--sa-border: #334155;--sa-border-strong: #475569;--sa-text: #f8fafc;--sa-text-secondary: #e2e8f0;--sa-muted: #94a3b8;--sa-muted-light: #64748b;--sa-sidebar-bg: #0f172a;--sa-sidebar-border: #334155;--sa-sidebar-text: #e2e8f0;--sa-sidebar-muted: #94a3b8;--sa-sidebar-active-bg: rgba(1, 197, 197, .15);--sa-sidebar-active-text: #01c5c5;--sa-success-bg: rgba(34, 197, 94, .15);--sa-success-border: rgba(34, 197, 94, .25);--sa-success-text: #4ade80;--sa-warning-bg: rgba(245, 158, 11, .15);--sa-warning-border: rgba(245, 158, 11, .25);--sa-warning-text: #fbbf24;--sa-danger-bg: rgba(239, 68, 68, .15);--sa-danger-border: rgba(239, 68, 68, .25);--sa-danger-text: #f87171;--sa-glass-bg: rgba(30, 41, 59, .75);--sa-glass-bg-strong: rgba(15, 23, 42, .95);--sa-glass-bg-soft: rgba(30, 41, 59, .5);--sa-glass-stat-bg: rgba(30, 41, 59, .85);--sa-glass-border: rgba(255, 255, 255, .05);--sa-glass-border-outer: #334155;--sa-glass-saturate: 120%;--sa-glass-shadow: var(--sa-shadow-xs);--sa-glass-shadow-hover: var(--sa-shadow);--sa-shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--sa-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--sa-shadow: 0 4px 12px rgba(0, 0, 0, .25);--sa-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .4)}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--sa-bg);color:var(--sa-text);font-size:14px;line-height:1.5;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-family:inherit;letter-spacing:-.025em;font-weight:600;color:var(--sa-text)}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9em}a{color:var(--sa-primary)}a:hover{color:var(--sa-primary-hover)}.sa-surface{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-xs)}.sa-btn-primary,.sa-btn-secondary,.sa-btn-ghost,.sa-btn-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;font-size:13px;font-weight:500;line-height:1;border-radius:var(--sa-radius-md);cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.sa-btn-primary{background:var(--sa-primary);color:#fff;border:1px solid transparent;box-shadow:var(--sa-shadow-xs)}.sa-btn-primary:hover:not(:disabled){background:var(--sa-primary-hover)}.sa-btn-primary:active:not(:disabled){background:var(--sa-primary-active)}.sa-btn-secondary:hover:not(:disabled){background:var(--sa-surface-soft);border-color:var(--sa-muted-light)}.sa-btn-danger:hover:not(:disabled){background:#b91c1c}.sa-btn-primary:disabled,.sa-btn-secondary:disabled,.sa-btn-ghost:disabled,.sa-btn-danger:disabled{opacity:.5;cursor:not-allowed}.sa-input,.sa-select,.sa-textarea{font-family:inherit;width:100%;padding:0 12px;height:36px;border:1px solid transparent;border-radius:var(--sa-radius-md);font-size:14px;background:var(--sa-input-bg);color:var(--sa-text);outline:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.sa-textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical}.sa-input:focus,.sa-select:focus,.sa-textarea:focus{background:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}:root{color-scheme:light}*{scrollbar-color:rgba(107,114,128,.35) transparent;scrollbar-width:thin}.sa-page{display:flex;flex-direction:column;gap:var(--sa-page-gap)}.sa-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sa-page-header__text{min-width:0}.sa-page-title,:where(.roles-page__title,.users-page__title,.permissions-page__title,.groups-page__title,.menus-page__title,.blogs-page__title,.moods-page__title,.adp__title){margin:0;font-size:1.375rem;font-weight:600;letter-spacing:-.025em;color:var(--sa-text);line-height:1.3}.sa-page-subtitle,:where(.users-page__subtitle,.blogs-page__subtitle,.moods-page__subtitle,.adp__subtitle){margin:4px 0 0;font-size:14px;color:var(--sa-muted);font-weight:400}.sa-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}:where(.dashboard-welcome,.adp,.roles-page,.users-page,.groups-page,.permissions-page,.menus-page,.blogs-page,.blog-detail-page,.blog-editor-page,.group-detail-page,.group-questions-page,.question-detail-page,.moods-page){padding:0}.sa-card{background:var(--sa-glass-bg, var(--sa-surface));border:1px solid var(--sa-glass-border-outer, var(--sa-border));border-radius:var(--sa-radius-lg);box-shadow:var(--sa-glass-shadow, var(--sa-shadow-xs));overflow:hidden}.sa-card__header{padding:16px 20px;border-bottom:1px solid var(--sa-glass-border-outer, var(--sa-border));background:var(--sa-glass-bg-soft, var(--sa-surface-soft));display:flex;align-items:center;justify-content:space-between;gap:12px}.sa-card__title{font-size:14px;font-weight:600;color:var(--sa-text)}.sa-card__body{padding:20px}.dashboard-layout :is(.groups-filters,.group-questions-page__filtersRow,[class$=-filters]:not([class*=Popover])){display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.dashboard-layout :is(.groups-filters__label,.group-questions-page__filtersLabel,[class$=-filters__label]){display:inline-flex;flex-direction:row;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:500;color:var(--sa-text-secondary);white-space:nowrap}.dashboard-layout .groups-filters__label{flex:1;min-width:min(100%,280px)}.dashboard-layout :is(.groups-filters__field,.group-questions-page__searchField,[class$=-filters__field]){display:inline-flex;align-items:center;gap:8px;flex:1;min-width:160px}.dashboard-layout :is(.groups-filters__input,.group-questions-page__searchInput,[class$=-filters__input],.blogs-page__select,.blogs-page__tagsBtn,.blogs-page__tagsSearch){flex:1;min-width:160px;width:auto;max-width:none;height:36px;padding:0 12px;border:1px solid transparent;border-radius:var(--sa-radius-md);font-size:13px;font-family:inherit;color:var(--sa-text);background:var(--sa-input-bg);outline:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.dashboard-layout .blogs-page__tagsBtn{flex:0 1 auto;min-width:180px;width:auto;cursor:pointer}.dashboard-layout :is(.groups-filters__input,.group-questions-page__searchInput,[class$=-filters__input],.blogs-page__select,.blogs-page__tagsBtn,.blogs-page__tagsSearch):focus,.dashboard-layout .blogs-page__tagsBtn:focus-visible{background:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.dashboard-layout :is(.groups-filters__actions,[class$=-filters__actions]){display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.dashboard-layout :is(.group-questions-page__filtersSelect,[class$=-filters__select],[class$=__filtersSelect]){height:36px;padding:0 12px;border:1px solid transparent;border-radius:var(--sa-radius-md);font-size:13px;font-family:inherit;background:var(--sa-input-bg);color:var(--sa-text);outline:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.dashboard-layout :is(.group-questions-page__filtersSelect,[class$=-filters__select],[class$=__filtersSelect]):focus{background:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.dashboard-layout .groups-filters__clear{height:36px;padding:0 12px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);font-size:13px;font-weight:500;background:var(--sa-surface);color:var(--sa-text-secondary);cursor:pointer}.dashboard-layout .groups-filters__clear:hover{background:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.dashboard-layout :is(.groups-filters,.group-questions-page__filters,[class$=-filters]:not([class*=Popover]),.blogs-page__toolbar){margin-bottom:16px;padding:14px 16px;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border-strong);background:var(--sa-surface);box-shadow:0 1px 3px #1118270f}.dashboard-layout :is(.groups-filters,.group-questions-page__filters,[class$=-filters],.blogs-page__toolbar) :is(.groups-filters__label,.group-questions-page__filtersLabel,[class$=-filters__label],.blogs-page__selectLabel){font-weight:600}.dashboard-layout :is(.groups-filters,.group-questions-page__filters,[class$=-filters],.blogs-page__toolbar) :is(.groups-filters__input,.group-questions-page__searchInput,[class$=-filters__input],[class$=-filters__select],.group-questions-page__filtersSelect,.blogs-page__tagsBtn,.blogs-page__select){min-width:140px;border:1px solid var(--sa-border-strong);background:var(--sa-surface);color:var(--sa-text);box-shadow:none}.dashboard-layout :is(.groups-filters,[class$=-filters],.blogs-page__toolbar) :is(.groups-filters__input,[class$=-filters__input])::placeholder{color:var(--sa-muted-light)}.dashboard-layout :is(.groups-filters,.group-questions-page__filters,[class$=-filters],.blogs-page__toolbar) :is(.groups-filters__input,.group-questions-page__searchInput,[class$=-filters__input],[class$=-filters__select],.group-questions-page__filtersSelect,.blogs-page__tagsBtn,.blogs-page__select):focus,.dashboard-layout .blogs-page__toolbar .blogs-page__tagsBtn:focus-visible{background:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.dashboard-layout :is(.groups-filters,[class$=-filters],.blogs-page__toolbar) input[type=date][class$=-filters__input]{background:var(--sa-surface);border-color:var(--sa-border-strong);box-shadow:none}.dashboard-layout :is(.groups-filters,[class$=-filters],.blogs-page__toolbar) [class$=-filters__select]{background:var(--sa-filter-sort-bg);border-color:var(--sa-filter-sort-border);box-shadow:inset 3px 0 0 var(--sa-filter-sort-accent);cursor:pointer}.dashboard-layout :is(.groups-filters,[class$=-filters],.blogs-page__toolbar) [class$=-filters__select]:focus{background:#f5f3ff;border-color:var(--sa-filter-sort-accent);box-shadow:inset 3px 0 0 var(--sa-filter-sort-accent),0 0 0 3px #6366f133}.dashboard-layout :is(.group-questions-page__filter--sort,.blogs-page__filter--sort){color:var(--sa-filter-sort-text)}.dashboard-layout :is(.group-questions-page__filtersSelect--sort,.blogs-page__select--sort){background:var(--sa-filter-sort-bg);border-color:var(--sa-filter-sort-border);box-shadow:inset 3px 0 0 var(--sa-filter-sort-accent)}.dashboard-layout :is(.group-questions-page__filtersSelect--sort,.blogs-page__select--sort):focus{background:#f5f3ff;border-color:var(--sa-filter-sort-accent);box-shadow:inset 3px 0 0 var(--sa-filter-sort-accent),0 0 0 3px #6366f133}.dashboard-layout .blogs-page__filter--tags .blogs-page__tagsBtn{background:var(--sa-filter-tags-bg);border-color:var(--sa-filter-tags-border);box-shadow:inset 3px 0 0 var(--sa-filter-tags-accent)}.dashboard-layout .blogs-page__filter--tags .blogs-page__tagsBtn:focus-visible{background:#e6faf9;border-color:var(--sa-filter-tags-accent);box-shadow:inset 3px 0 0 var(--sa-filter-tags-accent),0 0 0 3px var(--sa-primary-soft)}.dashboard-layout :is(.groups-filters__label--search,.group-questions-page__filter--search,[class$=-filters__label--search]){color:var(--sa-filter-search-text)}.dashboard-layout :is(.groups-filters__label--search,.group-questions-page__filter--search,[class$=-filters__label--search]) :is(.groups-filters__input,.group-questions-page__searchInput,[class$=-filters__input]){background:var(--sa-filter-search-bg);border:1px solid var(--sa-filter-search-border);box-shadow:inset 3px 0 0 var(--sa-filter-search-accent)}.dashboard-layout :is(.groups-filters__label--search,.group-questions-page__filter--search,[class$=-filters__label--search]) :is(.groups-filters__input,.group-questions-page__searchInput,[class$=-filters__input]):focus{background:#f0f9ff;border-color:var(--sa-filter-search-accent);box-shadow:inset 3px 0 0 var(--sa-filter-search-accent),0 0 0 3px #0ea5e933}.dashboard-layout [class$=__toolbar]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;width:100%}.dashboard-layout [class$=__toolbar]:has([class$=__actions]){justify-content:flex-start}.dashboard-layout [class$=__toolbar] :is([class$=__actions],[class$=__headerActions]){display:flex;align-items:center;flex-wrap:wrap;gap:10px}.dashboard-layout [class$=__toolbar] [class$=__actions]{width:100%}.dashboard-layout [class$=__toolbar]>[class$=__headerActions]:only-child,.dashboard-layout [class$=__toolbar]>[class$=primaryBtn]:only-child{margin-left:auto}.dashboard-layout :is(.blogs-page__selectLabel,[class$=__selectLabel]){display:inline-flex;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;color:var(--sa-text-secondary);white-space:nowrap}.dashboard-layout :is([class$=__table-wrap],[class$=__tableWrap],.table-responsive-container,.table-card,[class$=__tree],[class$=__list]){margin-top:16px}.table-responsive-container,[class$=__table-wrap],[class$=__tableWrap]{overflow-x:auto;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border);background:var(--sa-surface);box-shadow:var(--sa-shadow-xs)}:where(.users-table,.permissions-table,.modern-table,.questions-table,.moods-page__table){width:100%;border-collapse:collapse;font-size:14px;min-width:640px}:where(.users-table thead,.permissions-table thead,.modern-table thead,.questions-table thead){position:sticky;top:0;z-index:1}:where(.users-table th,.permissions-table th,.modern-table th,.questions-table th,.moods-page__table th){font-weight:500;font-size:12px;color:var(--sa-muted);text-transform:none;letter-spacing:0;background:var(--sa-surface-soft);padding:10px 16px;text-align:left;border-bottom:1px solid var(--sa-border);white-space:nowrap}:where(.users-table td,.permissions-table td,.modern-table td,.questions-table td,.moods-page__table td){padding:12px 16px;border-bottom:1px solid var(--sa-border);color:var(--sa-text);background:var(--sa-surface);vertical-align:middle}:where(.users-table tbody tr:last-child td,.permissions-table tbody tr:last-child td,.modern-table tbody tr:last-child td,.questions-table tbody tr:last-child td,.moods-page__table tbody tr:last-child td){border-bottom:none}:where(.users-table tbody tr:hover td,.permissions-table tbody tr:hover td,.modern-table tbody tr:hover td,.questions-table tbody tr:hover td,.moods-page__table tbody tr:hover td){background:var(--sa-surface-soft)}.sa-surface{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-sm);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.sa-toast{border-radius:var(--sa-radius-md);background:var(--sa-success-bg);border:1px solid var(--sa-success-border);color:var(--sa-success-text);box-shadow:var(--sa-shadow-sm)}.sa-btn-primary,.sa-btn-secondary,.sa-btn-ghost,.sa-btn-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:500;line-height:1;border-radius:12px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.sa-btn-primary:active,.sa-btn-secondary:active,.sa-btn-danger:active{transform:scale(.98)}.sa-btn-primary,[class$=__primaryBtn],.primary-btn,[class$=__newBtn]{background:var(--sa-primary);color:#fff;border:1px solid transparent;box-shadow:var(--sa-shadow-xs);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:500;line-height:1;border-radius:12px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;text-decoration:none}.sa-btn-primary:hover:not(:disabled),[class$=__primaryBtn]:hover:not(:disabled),.primary-btn:hover:not(:disabled),[class$=__newBtn]:hover:not(:disabled){background:var(--sa-primary-hover)}.sa-btn-primary:active:not(:disabled),[class$=__primaryBtn]:active:not(:disabled),.primary-btn:active:not(:disabled),[class$=__newBtn]:active:not(:disabled){background:var(--sa-primary-active)}.sa-btn-primary:disabled,[class$=__primaryBtn]:disabled,.primary-btn:disabled,[class$=__newBtn]:disabled{opacity:.5;cursor:not-allowed;transform:none}.sa-btn-secondary{background:var(--sa-surface);color:var(--sa-text);border:1px solid var(--sa-border-strong)}.sa-btn-secondary:hover:not(:disabled){background:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.sa-btn-ghost{background:transparent;color:var(--sa-text-secondary);border:1px solid transparent}.sa-btn-ghost:hover:not(:disabled){background:var(--sa-surface-hover);color:var(--sa-text)}.sa-btn-danger{background:var(--sa-danger);color:#fff;border:1px solid transparent}.sa-btn-danger:hover:not(:disabled){background:#dc2626}.sa-btn-primary:disabled,.sa-btn-secondary:disabled,.sa-btn-ghost:disabled,.sa-btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.sa-input,.sa-select,.sa-textarea{font-family:inherit;width:100%;padding:0 16px;height:44px;border:1px solid var(--sa-border-strong);border-radius:12px;font-size:14px;background:var(--sa-input-bg);color:var(--sa-text);outline:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.sa-textarea{height:auto;min-height:100px;padding:12px 16px;resize:vertical}.sa-input:focus,.sa-select:focus,.sa-textarea:focus{background:var(--sa-surface);border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-ring)}.sa-input::placeholder,.sa-textarea::placeholder{color:var(--sa-muted-light)}.sa-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--sa-text-secondary)}.sa-field{display:flex;flex-direction:column;gap:6px}.sa-field-error{font-size:12px;color:var(--sa-danger)}.sa-field-hint{font-size:12px;color:var(--sa-muted)}[class$=__secondaryBtn],.secondary-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid var(--sa-border-strong);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;background:var(--sa-surface);color:var(--sa-text);transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;text-decoration:none}[class$=__secondaryBtn]:hover:not(:disabled),.secondary-btn:hover:not(:disabled){background:var(--sa-surface-hover);border-color:var(--sa-border-strong)}[class$=__secondaryBtn]:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.sa-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--sa-radius-full);font-size:12px;font-weight:500;border:1px solid var(--sa-border);background:var(--sa-surface-soft);color:var(--sa-text-secondary);white-space:nowrap}.sa-badge--success{background:var(--sa-success-bg);border-color:var(--sa-success-border);color:var(--sa-success-text)}.sa-badge--warning{background:var(--sa-warning-bg);border-color:var(--sa-warning-border);color:var(--sa-warning-text)}.sa-badge--danger{background:var(--sa-danger-bg);border-color:var(--sa-danger-border);color:var(--sa-danger-text)}.sa-badge--primary{background:var(--sa-primary-soft);border-color:transparent;color:var(--sa-sidebar-active-text)}.sa-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0 0;font-size:13px;color:var(--sa-muted)}.sa-pagination__controls{display:flex;align-items:center;gap:4px}.sa-pagination__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);background:var(--sa-surface);color:var(--sa-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.sa-pagination__btn:hover:not(:disabled){background:var(--sa-surface-soft);border-color:var(--sa-border-strong);color:var(--sa-text)}.sa-pagination__btn--active{background:var(--sa-primary-soft);border-color:var(--sa-primary);color:var(--sa-sidebar-active-text)}.sa-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.sa-loading,.sa-empty,:where(.users-page__loading,.adp__loading,.roles-page__loading){padding:48px 24px;text-align:center;color:var(--sa-muted);font-size:14px}.sa-error,:where(.users-page__error,.adp__error){padding:48px 24px;text-align:center;color:var(--sa-danger);font-size:14px}.sa-toast-inline,:where(.users-page__toast,.moods-page__toast){margin:0 0 16px;padding:10px 14px;border-radius:var(--sa-radius-md);background:var(--sa-success-bg);border:1px solid var(--sa-success-border);color:var(--sa-success-text);font-size:13px;font-weight:500}.sa-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface-soft)}.sa-tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:6px 12px;border-radius:var(--sa-radius-sm);font-size:13px;font-weight:500;color:var(--sa-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.sa-tabs__tab:hover{color:var(--sa-text)}.sa-tabs__tab--active,.adp__tab--active{background:var(--sa-surface);color:var(--sa-text);box-shadow:var(--sa-shadow-xs)}.adp__tabs{display:inline-flex;gap:2px;padding:3px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface-soft)}.adp__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:6px 12px;border-radius:var(--sa-radius-sm);font-size:13px;font-weight:500;color:var(--sa-muted);cursor:pointer}.adp__tab--active{background:var(--sa-surface)!important;border-color:transparent!important;color:var(--sa-text)!important;box-shadow:var(--sa-shadow-xs)}.sa-page-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.sa-page-tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 16px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface);cursor:pointer;font-size:14px;font-weight:500;color:var(--sa-text-secondary);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.sa-page-tabs__tab:hover{border-color:var(--sa-primary);color:var(--sa-primary)}.sa-page-tabs__tab--active{background:var(--sa-primary);color:#fff;border-color:var(--sa-primary);box-shadow:0 1px 2px #01c5c540}.sa-page-tabs__tab--active:hover{color:#fff;border-color:var(--sa-primary)}.sa-mini-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.sa-mini-stat-card{padding:14px 16px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface-soft)}.sa-mini-stat-card__label{display:block;font-size:12px;color:var(--sa-muted);margin-bottom:6px}.sa-mini-stat-card__value{font-size:1.35rem;font-weight:700;color:var(--sa-text);line-height:1.2}.sa-pref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.sa-pref-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--sa-radius-md);border:1px solid var(--sa-border);background:var(--sa-surface)}.sa-pref-card__label{font-size:13px;font-weight:500;color:var(--sa-text)}.sa-status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.sa-status-pill--on{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.25)}.sa-status-pill--off{background:#6b72801a;color:var(--sa-muted);border:1px solid var(--sa-border)}.sa-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--sa-bg)}.sa-auth-card{width:100%;max-width:400px;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-xl);padding:40px 32px;box-shadow:var(--sa-shadow)}.sa-auth-card h1{margin:0 0 6px;font-size:1.5rem;font-weight:600}.sa-auth-card .sa-auth-subtitle{margin:0 0 28px;color:var(--sa-muted);font-size:14px}.sa-auth-card .form-group{margin-bottom:20px}.sa-auth-card .form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--sa-text-secondary)}.sa-auth-card .input-wrapper input{width:100%;height:40px;padding:0 12px 0 40px;border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);font-size:14px;background:var(--sa-surface);color:var(--sa-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.sa-auth-card .input-wrapper input:focus{border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.sa-auth-card .login-button,.sa-auth-card .submit-button,.sa-auth-card [class*=__submit]{width:100%;height:40px;margin-top:4px;background:var(--sa-primary)!important;color:#fff!important;border:none!important;border-radius:var(--sa-radius-md)!important;font-size:14px!important;font-weight:500!important;cursor:pointer;box-shadow:var(--sa-shadow-xs)!important;transition:background .15s ease!important}.sa-auth-card .login-button:hover:not(:disabled),.sa-auth-card .submit-button:hover:not(:disabled){background:var(--sa-primary-hover)!important;box-shadow:var(--sa-shadow-xs)!important}.sa-auth-card .login-button:before,.sa-auth-card .sso-button:before{display:none!important}.sa-auth-card .error-message{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;border-radius:var(--sa-radius-md);background:var(--sa-danger-bg);border:1px solid var(--sa-danger-border);color:var(--sa-danger-text);font-size:13px;animation:none}.sa-auth-card .forgot-password,.sa-auth-card a{color:var(--sa-primary)}.sa-auth-card .forgot-password:hover{color:var(--sa-primary-hover)}:where(a,button){-webkit-tap-highlight-color:transparent}@media (max-width: 820px){.sa-page-header{flex-direction:column;align-items:stretch}}.sa-glass{background:var(--sa-glass-bg);border:1px solid var(--sa-glass-border-outer);box-shadow:var(--sa-glass-shadow);backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate));-webkit-backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate))}.sa-glass--strong{background:var(--sa-glass-bg-strong)}.sa-glass--subtle{background:var(--sa-glass-bg-soft);box-shadow:var(--sa-shadow-xs)}.sa-glass--interactive{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.sa-glass--interactive:hover{background:var(--sa-glass-bg-strong);border-color:#01c5c559;box-shadow:var(--sa-glass-shadow-hover)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sa-glass,.sa-glass--strong,.sa-glass--subtle{background:var(--sa-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}.dashboard-layout{background:var(--sa-bg-mesh);background-attachment:fixed}.dashboard-layout__sidebar,.dashboard-layout__header{background:var(--sa-glass-bg-strong);backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate));-webkit-backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate));border-color:var(--sa-glass-border-outer);box-shadow:var(--sa-glass-shadow)}.dashboard-layout__sidebar{border-right:1px solid var(--sa-glass-border-outer)}.dashboard-layout__header{border-bottom:1px solid var(--sa-glass-border-outer)}.dashboard-layout__burger{background:var(--sa-glass-bg-soft);backdrop-filter:blur(12px) saturate(var(--sa-glass-saturate));-webkit-backdrop-filter:blur(12px) saturate(var(--sa-glass-saturate))}.dashboard-layout :is(.sa-card,.dashboard-card,.a-card,.table-responsive-container,[class$=__table-wrap],[class$=__tableWrap],.adp__row,.sa-tabs,.adp__tabs,.sa-pagination__btn:not(.sa-pagination__btn--active),[class$=__secondaryBtn],.secondary-btn,.blog-editor-page__aside,.blog-editor-page__panel){background:var(--sa-glass-bg);border-color:var(--sa-glass-border-outer);box-shadow:var(--sa-glass-shadow);backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate));-webkit-backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate))}.dashboard-layout .dashboard-card:hover,.dashboard-layout .dashboard-card--link:hover{background:var(--sa-glass-bg-strong);border-color:#01c5c566;box-shadow:var(--sa-glass-shadow-hover)}.dashboard-layout .a-stat,.a-stat.sa-glass{background:var(--sa-glass-stat-bg);border:1px solid var(--sa-glass-border);box-shadow:var(--sa-glass-shadow);backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate));-webkit-backdrop-filter:blur(var(--sa-glass-blur)) saturate(var(--sa-glass-saturate))}.dashboard-layout .a-stat.sa-glass--interactive:hover,.a-stat.sa-glass.sa-glass--interactive:hover{background:var(--sa-glass-bg);border-color:#01c5c573;box-shadow:var(--sa-glass-shadow-hover);transform:translateY(-1px)}.dashboard-layout .sa-card__header,.dashboard-layout .a-card__head{background:var(--sa-glass-bg-soft);border-bottom-color:var(--sa-glass-border-outer)}.dashboard-layout :is(.users-table th,.permissions-table th,.modern-table th,.questions-table th,.moods-page__table th){background:var(--sa-glass-bg-soft)}.dashboard-layout :is(.users-table td,.permissions-table td,.modern-table td,.questions-table td,.moods-page__table td){background:transparent}.dashboard-layout :is(.users-table tbody tr:hover td,.permissions-table tbody tr:hover td,.modern-table tbody tr:hover td,.questions-table tbody tr:hover td,.moods-page__table tbody tr:hover td){background:var(--sa-glass-bg-soft)}.dashboard-layout .sa-tabs__tab--active,.dashboard-layout .adp__tab--active{background:var(--sa-glass-bg-strong)}.dashboard-layout .sa-pagination__btn--active{background:var(--sa-primary-soft)}.sa-modal__panel{background:var(--sa-glass-bg-strong);border-color:var(--sa-glass-border-outer);box-shadow:var(--sa-glass-shadow-hover);backdrop-filter:blur(24px) saturate(var(--sa-glass-saturate));-webkit-backdrop-filter:blur(24px) saturate(var(--sa-glass-saturate))}.sa-modal__header{background:var(--sa-glass-bg-soft);border-bottom-color:var(--sa-glass-border-outer)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.dashboard-layout__sidebar,.dashboard-layout__header,.dashboard-layout :is(.sa-card,.dashboard-card,.a-card,.a-stat.sa-glass,.table-responsive-container),.sa-modal__panel{background:var(--sa-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}.auth-page-container,.legal-page{min-height:100vh;background:var(--sa-bg);display:flex;align-items:center;justify-content:center;padding:24px}.legal-page{align-items:flex-start;padding:32px 24px}.auth-card{background:var(--sa-surface);padding:40px 32px;border-radius:var(--sa-radius-xl);box-shadow:var(--sa-shadow);border:1px solid var(--sa-border);width:100%;max-width:400px}.legal-container{background:var(--sa-surface);border-radius:var(--sa-radius-xl);box-shadow:var(--sa-shadow);border:1px solid var(--sa-border);max-width:800px;width:100%;padding:40px 48px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--sa-primary);text-decoration:none;font-size:13px;font-weight:500;margin-bottom:20px;transition:color .15s ease}.back-link:hover{color:var(--sa-primary-hover)}.auth-header,.legal-header{text-align:left;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--sa-border)}.legal-header{text-align:center}.auth-card h1,.legal-header h1{margin:0 0 6px;color:var(--sa-text);font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.legal-header h1{font-size:1.75rem}.auth-subtitle,.legal-subtitle{margin:0;color:var(--sa-muted);font-size:14px}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group label{display:block;margin-bottom:6px;color:var(--sa-text-secondary);font-weight:500;font-size:13px}.auth-form .input-wrapper input{width:100%;height:40px;padding:0 12px 0 40px;border:1px solid var(--sa-border-strong);border-radius:var(--sa-radius-md);font-size:14px;background:var(--sa-surface);color:var(--sa-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.auth-form .input-wrapper input:focus{border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-soft)}.auth-button,.auth-form .auth-button{width:100%;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--sa-primary);color:#fff;border:none;border-radius:var(--sa-radius-md);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s ease;box-shadow:var(--sa-shadow-xs)}.auth-button:hover:not(:disabled){background:var(--sa-primary-hover)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;border-radius:var(--sa-radius-md);background:var(--sa-danger-bg);border:1px solid var(--sa-danger-border);color:var(--sa-danger-text);font-size:13px}.success-container{text-align:center;padding:8px 0}.success-icon{color:var(--sa-success);margin-bottom:16px}.success-note,.back-to-login-link{font-size:13px;color:var(--sa-muted)}.legal-content{line-height:1.7;color:var(--sa-text-secondary);font-size:14px}.legal-section{margin-bottom:32px}.legal-section h2{color:var(--sa-text);font-size:1.125rem;font-weight:600;margin:0 0 12px}.legal-section p,.legal-section li{margin-bottom:12px}.legal-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--sa-border);text-align:center;font-size:13px;color:var(--sa-muted)}.error-container{text-align:center;padding:8px 0}.error-icon{color:var(--sa-danger);margin-bottom:16px}.auth-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--sa-border);text-align:center;font-size:13px;color:var(--sa-muted)}.password-requirements{margin-top:12px;padding:12px;border-radius:var(--sa-radius-md);background:var(--sa-surface-soft);border:1px solid var(--sa-border)}.requirements-label{margin:0 0 8px;font-size:12px;font-weight:500;color:var(--sa-text-secondary)}.requirements-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--sa-muted)}.requirements-list li.met{color:var(--sa-success-text)}.requirements-list li.met:before{content:"✓ "}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--sa-muted-light);cursor:pointer;padding:4px;z-index:1}.password-toggle:hover{color:var(--sa-primary)}.input-icon{position:absolute;left:12px;color:var(--sa-muted-light);pointer-events:none;z-index:1}.auth-form .input-wrapper{position:relative;display:flex;align-items:center}@media (max-width: 640px){.legal-container{padding:28px 20px}.auth-card{padding:32px 24px}}