.management-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-app)}.management-page__header{position:fixed;top:calc(15px + env(safe-area-inset-top, 0px));left:15px;right:15px;margin-inline:auto;max-width:1170px;width:auto;height:64px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background-color:color-mix(in srgb, var(--bg-surface-secondary) 45%, transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in srgb, var(--border-primary) 35%, transparent);border-radius:20px;z-index:30;container-type:inline-size;container-name:header-shell;isolation:isolate;transform:translateZ(0);will-change:transform;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),top 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1),border-color 300ms cubic-bezier(0.25, 1, 0.5, 1),backdrop-filter 300ms cubic-bezier(0.25, 1, 0.5, 1)}.management-page__header.is-scrolled{background-color:color-mix(in srgb, var(--bg-surface-secondary) 65%, transparent);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-color:color-mix(in srgb, var(--border-primary) 60%, transparent);box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}.management-page__header{padding:0 24px}@media(max-width: 779px){.management-page__header{height:56px;top:calc(10px + env(safe-area-inset-top, 0px));left:10px;right:10px;border-radius:14px;padding:0 12px}}@media(max-width: 425px){.management-page__header{padding:0 8px}}.management-main{flex:1;width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px;padding-block:16px 32px;box-sizing:border-box}@media(max-width: 480px){.management-main{padding-inline:12px;padding-block:12px 24px}}@media(max-width: 360px){.management-main{padding-inline:4px;padding-block:8px 16px}}.management-layout{width:100%}.management-view{width:100%}.management-view[hidden]{display:none !important}.management-grid{display:flex;flex-direction:column;gap:24px;max-width:720px;margin-inline:auto}@media(max-width: 480px){.management-grid{gap:16px}}.route-transition-loader__spinner,.animated-btn,.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled,.upgrade-btn,.icon-button{display:flex;align-items:center;justify-content:center}.animated-btn{border:1px solid rgba(0,0,0,0);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm, 0.8125rem);min-height:40px;min-width:100px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1),opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-text,.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled{pointer-events:none}.animated-btn .animated-btn-text{font-weight:var(--font-weight-bold, 700);position:relative;transform:translateY(0);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled{height:100%;left:0;position:absolute;top:0;width:100%}.animated-btn .animated-btn-icon-wrapper svg,.animated-btn .animated-btn-icon-disabled svg{color:currentColor;fill:currentColor;height:20px;width:20px}.animated-btn .animated-btn-icon-wrapper{opacity:0;transform:translateY(100%);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1),opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-icon-disabled{opacity:0}.animated-btn:hover:not(:disabled) .animated-btn-text{opacity:0;transform:translateY(-100%)}.animated-btn:hover:not(:disabled) .animated-btn-icon-wrapper{opacity:1;transform:translateY(0)}.animated-btn:active:not(:disabled){transform:scale(0.96)}.animated-btn:disabled{cursor:not-allowed;opacity:.6}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-text{display:none}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-icon-wrapper{display:none}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-icon-disabled{opacity:1}.task-btn{position:relative;overflow:hidden}.task-btn.saving,.task-btn.error,.task-btn.success{cursor:not-allowed}.task-btn.saving>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon),.task-btn.error>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon),.task-btn.success>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon){opacity:0 !important;visibility:hidden !important;transform:translateY(10px);pointer-events:none}.task-btn.saving .button-loader{opacity:1;visibility:visible}.task-btn.saving .button-loader span{animation-play-state:running}.task-btn.error{background-color:var(--btn-bg-red) !important;color:var(--btn-color-red) !important;border-color:var(--btn-border-red) !important}.task-btn.error .button-error-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.task-btn.success{background-color:var(--btn-bg-emerald) !important;color:var(--btn-color-emerald) !important;border-color:var(--btn-border-emerald) !important}.task-btn.success .button-success-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.button-loader,.button-error-icon,.button-success-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;visibility:hidden;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.button-loader{display:flex;gap:4px}.button-loader span{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:dot-jump 1.4s infinite ease-in-out both;animation-play-state:paused}.button-loader span:nth-child(1){animation-delay:-0.32s}.button-loader span:nth-child(2){animation-delay:-0.16s}.priority-list-loader .button-loader span{animation-play-state:running}.button-error-icon,.button-success-icon{transform:translate(-50%, -50%) scale(0.5)}.button-error-icon svg,.button-success-icon svg{fill:currentColor;width:24px;height:24px;display:block}.btn-accent,#floating-save-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.btn-accent:hover:not(:disabled),#floating-save-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#floating-save-btn{bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);position:fixed;right:20px;z-index:20;opacity:1;pointer-events:auto;transform:scale(1);transform-origin:bottom right;transition:opacity 300ms cubic-bezier(0.2, 0, 0, 1),transform 300ms cubic-bezier(0.2, 0, 0, 1),bottom 300ms cubic-bezier(0.2, 0, 0, 1),right 300ms cubic-bezier(0.2, 0, 0, 1)}#floating-save-btn .save-button-tooltip{background-color:var(--bg-surface-tertiary);border-radius:6px;bottom:125%;color:var(--text-primary);left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1);visibility:hidden;pointer-events:none;white-space:nowrap;z-index:1;transform:translateX(-50%)}#floating-save-btn:disabled:hover .save-button-tooltip{opacity:1;visibility:visible}#copy-user-id-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}#copy-user-id-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#copy-user-id-btn{box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#import-user-data-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}#import-user-data-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#import-user-data-btn{box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.upgrade-btn{background-color:var(--accent-primary-soft);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:12px;height:28px;margin:0 0 0 5px;padding:0;text-decoration:none;width:28px}.upgrade-btn svg{display:block;height:16px;width:16px;fill:currentColor}.upgrade-btn:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.icon-button{background-color:var(--accent-primary-soft);border:1px solid var(--border-primary);border-radius:12px;color:var(--accent-primary);cursor:pointer;height:36px;padding:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);width:36px}.icon-button:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:var(--accent-primary);transform:scale(1.05)}.icon-button:active{transform:scale(0.95)}.icon-button svg{fill:currentColor;width:24px;height:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:inherit;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;border-radius:20px;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:40px;min-width:100px;padding:10px 18px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn:active:not(:disabled){transform:scale(0.96)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--secondary,.btn-secondary{padding:10px 18px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary);background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn--secondary:hover,.btn-secondary:hover{background-color:color-mix(in srgb, #9aa0a6 20%, transparent);color:var(--text-primary)}.btn--secondary:active,.btn-secondary:active{transform:scale(0.96)}.btn--primary,.btn-primary{padding:10px 18px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--accent-primary);background-color:var(--accent-primary-soft);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn--primary:hover,.btn-primary:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled){transform:scale(0.96)}.btn--primary:disabled,.btn-primary:disabled{background-color:var(--bg-surface-tertiary);color:var(--text-muted);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}.btn--danger{min-width:100px;background-color:var(--color-danger);color:var(--text-on-accent);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-danger) 85%, black);border-color:color-mix(in srgb, var(--color-danger) 85%, black)}.btn--danger-outline{min-width:100px;background-color:var(--btn-bg-red);color:var(--btn-color-red);border-color:var(--btn-border-red)}.btn--danger-outline:hover:not(:disabled){background-color:var(--btn-bg-red-hover);border-color:var(--btn-border-red-hover)}.btn--ghost{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--text-secondary)}.btn--ghost:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn--sm{min-height:32px;height:32px;min-width:0;padding:4px 12px;font-size:var(--font-size-xs, 0.75rem);border-radius:16px;white-space:nowrap}.btn--full-width{width:100%}.btn-pricing{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.btn-pricing:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.management-card{background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:16px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);padding:24px;display:flex;flex-direction:column;gap:16px;transition:border-color 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 250ms cubic-bezier(0.2, 0, 0, 1)}.management-card:hover{border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));box-shadow:0 8px 24px -4px rgba(0,0,0,.22),0 0 12px color-mix(in srgb, var(--accent-primary) 8%, transparent)}@media(max-width: 480px){.management-card{padding:16px;gap:12px}}.management-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width: 480px){.management-card__header{flex-direction:column;align-items:flex-start;gap:8px}.management-card__header .management-card__title-group{flex:none;width:100%}.management-card__header .management-card__actions{width:100%}.management-card__header .management-card__actions .btn{width:100%}}.management-card__title-group{display:flex;flex-direction:column;gap:4px;flex:999 1 260px;min-width:0}.management-card__title{font-size:var(--font-size-xl, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin:0}.management-card__desc{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);margin:0;line-height:1.45}.management-card__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;flex-shrink:0}.management-card__actions:has(.btn+.btn){flex:1 1 auto}.management-card__actions:has(.btn+.btn) .btn{flex:1 1 0;min-width:0}@media(max-width: 480px){.management-card__actions:has(.btn+.btn) .btn{flex:1 1 100%}}.management-card--hero{text-align:center;align-items:center;padding-block:32px;background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface-primary)), var(--bg-surface-primary));border-color:color-mix(in srgb, var(--accent-primary) 25%, color-mix(in srgb, var(--border-primary) 70%, transparent))}.management-card--hero:hover{border-color:color-mix(in srgb, var(--accent-primary) 45%, color-mix(in srgb, var(--border-primary) 70%, transparent))}.management-card__hero-badge{width:64px;height:64px;border-radius:9999px;background-color:var(--accent-primary-soft);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.management-card__hero-badge .management-card__hero-icon,.management-card__hero-badge .management-card__hero-icon svg{width:32px;height:32px}.management-card__hero-title{font-size:var(--font-size-2xl, 1.25rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin:0}.management-card__hero-desc{font-size:var(--font-size-md, 0.9375rem);color:var(--text-secondary);max-width:480px;margin:0;line-height:1.5}.management-card__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.management-item-list{display:flex;flex-direction:column;gap:12px}.management-item-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.management-item-row--update{border-color:color-mix(in srgb, var(--accent-primary) 45%, var(--border-secondary));background-color:color-mix(in srgb, var(--accent-primary) 6%, var(--bg-surface-secondary))}.management-item-row--update .management-item-title{color:var(--accent-primary)}@media(max-width: 480px){.management-item-row{flex-direction:column;align-items:flex-start}}.management-item-icon-box{width:40px;height:40px;border-radius:12px;background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.management-item-icon-box clashcalc-assets-svg,.management-item-icon-box svg{width:20px;height:20px}.management-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.management-item-heading-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.management-item-title{font-size:var(--font-size-md, 0.9375rem);font-weight:600;color:var(--text-primary)}.management-item-desc{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);margin:0;line-height:1.4}.management-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width: 480px){.management-item-actions{width:100%;justify-content:flex-end}}.management-item-value{font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px;user-select:text}.status-indicator{display:inline-flex;align-items:center;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary)}.status-indicator--online{color:var(--color-success)}.status-indicator--offline{color:var(--color-danger)}.route-transition-loader{display:flex;align-items:center;justify-content:center;min-height:55vh;width:100%;pointer-events:none;opacity:1;transition:opacity 180ms cubic-bezier(0.2, 0, 0, 1)}.route-transition-loader.is-leaving{opacity:0}.route-transition-loader__spinner{position:relative;width:120px;height:120px;animation:route-loader-spin 2.2s linear infinite;animation-delay:.85s}.route-transition-loader__dot-wrapper{position:absolute;width:16px;height:16px;top:calc(50% - 8px);left:calc(50% - 8px);will-change:transform;animation:route-loader-dot-revolve .9s cubic-bezier(0.2, 0, 0, 1) forwards}.route-transition-loader__dot-wrapper:nth-child(1){--target-x: -40px;--angle: 0deg}.route-transition-loader__dot-wrapper:nth-child(2){--target-x: -20px;--angle: 72deg}.route-transition-loader__dot-wrapper:nth-child(3){--target-x: 0;--angle: 144deg}.route-transition-loader__dot-wrapper:nth-child(4){--target-x: 20px;--angle: 216deg}.route-transition-loader__dot-wrapper:nth-child(5){--target-x: 40px;--angle: 288deg}.route-transition-loader__dot{display:block;width:100%;height:100%;border-radius:50%;will-change:transform;animation:route-loader-dot-jump .9s cubic-bezier(0.25, 1, 0.5, 1) forwards}.route-transition-loader__dot-wrapper:nth-child(1) .route-transition-loader__dot{background-color:#669df6;animation-delay:.04s}.route-transition-loader__dot-wrapper:nth-child(2) .route-transition-loader__dot{background-color:#fdd663;animation-delay:.08s}.route-transition-loader__dot-wrapper:nth-child(3) .route-transition-loader__dot{background-color:#ba68c8;animation-delay:.12s}.route-transition-loader__dot-wrapper:nth-child(4) .route-transition-loader__dot{background-color:#81c995;animation-delay:.16s}.route-transition-loader__dot-wrapper:nth-child(5) .route-transition-loader__dot{background-color:#f6948e;animation-delay:.2s}@keyframes route-loader-dot-jump{0%{transform:translateY(40px) scale(0);opacity:0}35%{transform:translateY(-28px) scale(1.1);opacity:1}60%,100%{transform:translateY(0) scale(1);opacity:1}}@keyframes route-loader-dot-revolve{0%,35%{transform:translate(var(--target-x), 0)}85%,100%{transform:rotate(var(--angle)) translate(44px) rotate(calc(-1 * var(--angle)))}}@keyframes route-loader-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.route-transition-loader__spinner,.route-transition-loader__dot-wrapper,.route-transition-loader__dot{animation-duration:.01ms !important;animation-iteration-count:1 !important}}/*# sourceMappingURL=management.min.css.map */