:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--surface: #ffffff;--surface-muted: #f9fafb;--surface-strong: #111827;--border-color: #e5e7eb;--border-strong: #d1d5db;--accent: #111827;--accent-hover: #000000;--info: #2563eb;--success: #059669;--warning: #d97706;--danger: #dc2626;--radius-sm: 6px;--radius-md: 12px;--shadow-soft: 0 12px 32px rgba(15, 23, 42, .08);--transition: .2s ease;--page-background: var(--surface-muted);--page-surface: var(--surface);--page-border: var(--border-color);--page-shadow: var(--shadow-soft);--table-row-hover: rgba(17, 24, 39, .02);--table-empty-bg: transparent;--notice-info-bg: rgba(37, 99, 235, .08);--notice-danger-bg: rgba(220, 38, 38, .08)}html.dark{--text-primary: #e0e0e0;--text-secondary: #c0c0c0;--text-muted: #9a9a9a;--surface: #2a2a2a;--surface-muted: #1a1a1a;--surface-strong: #f3f4f6;--border-color: #3e3e3e;--border-strong: #4a4a4a;--accent: #f5f5f5;--accent-hover: #ffffff;--page-background: #1a1a1a;--page-surface: #2a2a2a;--page-border: #3e3e3e;--page-shadow: none;--table-row-hover: rgba(255, 255, 255, .05);--table-empty-bg: rgba(255, 255, 255, .02);--notice-info-bg: rgba(66, 133, 244, .24);--notice-danger-bg: rgba(234, 67, 53, .24)}.account-page .page{margin:0 auto;max-width:1100px}.page{background:var(--page-surface);border-radius:var(--radius-md);box-shadow:var(--page-shadow);padding:40px;display:flex;flex-direction:column;gap:48px;border:1px solid var(--page-border)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0;padding:0;border-bottom:none}.page-title{margin:0;font-size:32px;font-weight:600;color:var(--text-primary)}.header-meta{margin:8px 0 0;font-size:14px;color:var(--text-secondary)}.page--state{align-items:center;justify-content:center;text-align:center;min-height:360px}.section{display:flex;flex-direction:column;gap:20px}.section-label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.grid{display:grid;gap:16px}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:16px;transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:0 18px 36px #0f172a1f;transform:translateY(-2px)}.card-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.card-subtitle{margin:0;font-size:14px;color:var(--text-secondary)}.card--state{max-width:420px;gap:20px}.card--table{padding:16px 0 0}.card--table>.table-wrapper,.card--table>.storage-summary{padding:0 24px 24px}.card--profile{gap:24px}.profile-card__header{display:flex;gap:20px;align-items:center}.profile-card__info{display:flex;flex-direction:column;gap:6px}.profile-card__name{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.profile-card__email{font-size:14px;color:var(--text-secondary)}.description-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 24px;margin:0}.description-list dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.description-list dd{margin:4px 0 0;font-size:15px;color:var(--text-primary)}.stat-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:28px;font-weight:600;color:var(--surface-strong)}.stat-trend{font-size:13px;color:var(--text-secondary)}.card--stat{gap:12px}.inline-actions{display:flex;align-items:center;gap:12px}.inline-actions--center{justify-content:center}.btn{border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition),box-shadow var(--transition),opacity var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:var(--accent-hover);box-shadow:0 12px 24px #0f172a29}.btn:active{opacity:.85}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{border:none;background:transparent;color:var(--text-secondary);font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:color var(--transition),opacity var(--transition),transform var(--transition)}.icon-btn:hover{color:var(--accent);transform:translateY(-1px)}.icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-btn--danger{color:var(--danger)}.icon-btn--danger:hover{color:#b91c1c}.table-wrapper{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.table tbody tr:hover{background:var(--table-row-hover)}.table-empty td{text-align:center;color:var(--text-muted);padding:24px;background:var(--table-empty-bg)}.table-actions{width:36px;text-align:right}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#1118270f;color:var(--text-primary)}.badge--success{background:#05966924;color:#047857}.badge--info{background:#4285f43d;color:#98bbff}.badge--warning{background:#ffc1073d;color:#ffd483}.badge--neutral{background:#ffffff0f;color:var(--text-primary)}.numeric{text-align:right;font-variant-numeric:tabular-nums}.numeric--positive{color:var(--success)}.numeric--negative{color:var(--danger)}.storage-summary{font-size:14px;color:var(--text-secondary)}.notice{padding:16px 24px;border-radius:var(--radius-md);font-size:15px;border:1px solid var(--border-color);background:#1118270a;color:var(--text-primary)}.notice--info{border-color:#4285f45c;background:var(--notice-info-bg);color:#98bbff}.notice--danger{border-color:#ea43355c;background:var(--notice-danger-bg);color:#ff9f96}.avatar{width:64px;height:64px;border-radius:999px;background:#11182714;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-primary);overflow:hidden}.avatar--lg{width:80px;height:80px;font-size:24px}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar--placeholder{background:#1118271f;color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-right{text-align:right}@media (max-width: 1024px){.page{padding:32px}.table{min-width:520px}}@media (max-width: 768px){.page{padding:24px;gap:32px}.profile-card__header{flex-direction:column;align-items:flex-start}}.popup-modal{background-color:#0009!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-modal-content{background-color:var(--surface)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-soft)!important;border:1px solid var(--border-color)!important;padding:0!important;max-width:420px!important;width:90%!important;overflow:hidden}.popup-modal-header{border-bottom:1px solid var(--border-color);padding:16px 24px;margin-bottom:0!important;display:flex;justify-content:space-between;align-items:center;background:var(--surface)}.popup-modal-header h2{font-size:18px!important;font-weight:600!important;margin:0!important;color:var(--text-primary)!important}.popup-modal-header .close{color:red;font-size:24px!important;line-height:1!important;opacity:.7;transition:opacity var(--transition);cursor:pointer;padding:4px;font-family:ui-monospace;text-shadow:inherit;font-weight:700}.popup-modal-header .close:hover{opacity:1;color:var(--text-primary)!important}.popup-modal-body{padding:24px;margin-bottom:0!important;max-height:70vh;overflow-y:auto}.popup-modal-footer{border-top:1px solid var(--border-color);padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;background:var(--surface-muted)}.popup-modal-footer button{background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;padding:8px 20px!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;transition:background var(--transition),box-shadow var(--transition),opacity var(--transition)!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal}html.dark .popup-modal-footer button{background:#333!important;color:#fff!important}.popup-modal-footer button:hover{background:var(--accent-hover)!important;box-shadow:0 4px 12px #00000026!important}html.dark .popup-modal-footer button:hover{background:#000!important;box-shadow:0 4px 12px #0006!important}.popup-modal-footer button:active{opacity:.85;box-shadow:0 2px 6px #0000001f!important}.generated-settings-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin:0!important}.form-group label{font-size:13px!important;font-weight:600!important;color:var(--text-secondary)!important;margin-bottom:0!important}.form-control{width:100%;padding:10px 12px!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-color)!important;background:var(--surface)!important;color:var(--text-primary)!important;font-size:14px!important;font-family:inherit;box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition)!important;height:auto!important;margin-bottom:0!important;box-shadow:none!important}.form-control[type=color]{height:37px!important;padding:4px 6px!important}.form-control:focus{outline:none;border-color:#b5b5b5!important;box-shadow:0 0 0 3px #0000000d!important}html.dark .form-control{background:var(--surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html.dark .form-control:focus,html.dark input[type=checkbox]:focus{border-color:#777!important;box-shadow:0 0 0 3px #ffffff14!important}.checkbox-label{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer;font-size:14px;color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:6px 0}.checkbox-label input[type=checkbox]{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;border:2px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;background:var(--surface)!important;position:relative!important;cursor:pointer;transition:all var(--transition);margin:0!important;flex-shrink:0!important;transform:none!important;float:none!important}html.dark .checkbox-label input[type=checkbox]{border-color:#666!important;background:#2a2a2a!important}.checkbox-label input[type=checkbox]:checked{background:var(--accent)!important;border-color:var(--accent)!important}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.multiselect-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-muted)}.multiselect-option{display:flex!important;align-items:center!important;gap:8px!important;font-size:13px;cursor:pointer;color:var(--text-primary);padding:4px 0}.multiselect-option input[type=checkbox]{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;background:var(--surface)!important;position:relative!important;cursor:pointer;transition:all var(--transition);margin:0!important;flex-shrink:0!important;transform:none!important;float:none!important}.multiselect-option input[type=checkbox]:checked{background:var(--accent)!important;border-color:var(--accent)!important}.multiselect-option input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.settings-empty-message{padding:32px;text-align:center;color:var(--text-secondary);font-style:normal;background:var(--surface-muted);border-radius:var(--radius-md);border:1px dashed var(--border-color);margin:0}