.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:32px 16px;text-align:center}.loading-screen.small{gap:8px;padding:16px}.loading-screen.large{padding:48px 16px}.loading-screen.compact{padding:8px}.loading-screen.inline{flex-direction:row;justify-content:flex-start;padding:16px}.app-loader-spinner-container.small .spinner{width:24px;height:24px}.app-loader-spinner-container.medium .spinner{width:40px;height:40px;border-width:3px}.app-loader-spinner-container.large .spinner{width:56px;height:56px;border-width:4px}.loading-message{margin:0;font-weight:500;color:var(--text-muted)}.loading-screen.small .loading-message,.loading-screen.compact .loading-message{font-size:.875rem}.loading-screen.large .loading-message{font-size:1.125rem}.skeleton-container{width:100%;max-width:400px;text-align:left}.skeleton-avatar{width:48px;height:48px}.skeleton-title-group{flex:1}.skeleton-header,.skeleton-content{margin-bottom:16px}.skeleton-subtitle{width:70%}.skeleton-line-medium{width:80%}.skeleton-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skeleton-card{height:60px}@media print{.loading-screen{display:none}}.usage-skeleton-value,.profile-stat-value{width:60px}.status-skeleton-badge,.usage-skeleton-label,.profile-stat-label,.settings-skeleton-button.secondary{width:80px}.price-skeleton-details,.field-skeleton-label,.profile-skeleton-role,.sidebar-skeleton-title{width:100px}.trial-skeleton-badge,.price-skeleton-main,.dashboard-skeleton-filter,.settings-skeleton-button.primary{width:120px}.usage-skeleton-title,.dashboard-skeleton-button,.field-skeleton-input.small{width:140px}.settings-skeleton-title{width:160px}.plan-skeleton-title,.profile-skeleton-name,.dashboard-skeleton-title{width:200px}.plan-skeleton-description,.settings-skeleton-description,.profile-skeleton-email{width:240px}.dashboard-skeleton-search{width:300px}.settings-skeleton-icon{width:48px;height:48px}.profile-skeleton-avatar{width:80px;height:80px}.status-skeleton-badge,.trial-skeleton-badge,.profile-skeleton-role{border-radius:var(--radius-full)}.plan-skeleton-content,.dashboard-skeleton-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.plan-skeleton-content{align-items:flex-start}.plan-skeleton-info,.settings-skeleton-title-group,.profile-skeleton-info{flex:1}.plan-skeleton-pricing{align-items:flex-end}.profile-stat-item{align-items:center}.project-table-skeleton{padding:0;overflow:hidden}.table-skeleton-header,.table-skeleton-row{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.table-skeleton-header{background:var(--surface-sunken)}.table-skeleton-row:last-child{border-bottom:0}.project-table-skeleton .large{flex:2}.project-table-skeleton .medium{flex:1.5}.project-table-skeleton .small{flex:1}.usage-skeleton-title,.sidebar-skeleton-title{margin-bottom:16px}.usage-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.settings-skeleton-header{align-items:flex-start;gap:16px}.settings-skeleton-content{display:flex;flex-direction:column;gap:16px;margin:24px 0}.settings-skeleton-actions{justify-content:flex-end}.profile-skeleton-header{gap:24px;margin-bottom:32px}.profile-skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.dashboard-layout-skeleton{padding:16px}.dashboard-skeleton-header{margin-bottom:32px}.dashboard-skeleton-content{display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start}.subscription-layout-skeleton,.subscription-skeleton-grid{display:grid;gap:32px}.subscription-skeleton-grid{grid-template-columns:2fr 1fr}@media (max-width: 768px){.plan-skeleton-content,.dashboard-skeleton-header,.profile-skeleton-header{flex-direction:column;align-items:stretch}.plan-skeleton-pricing{align-items:flex-start}.dashboard-skeleton-content,.subscription-skeleton-grid,.profile-skeleton-stats{grid-template-columns:1fr}.dashboard-skeleton-actions{flex-wrap:wrap}.dashboard-skeleton-search{width:100%}}.access-restricted{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:300px}.access-restricted__content{text-align:center;max-width:500px;padding:2rem;border-radius:var(--spacing-3);border:1px solid}.access-restricted--small{min-height:200px;padding:1rem}.access-restricted--small .access-restricted__content{padding:1.5rem;max-width:400px}.access-restricted--medium{min-height:300px;padding:2rem}.access-restricted--large{min-height:400px;padding:3rem}.access-restricted--large .access-restricted__content{padding:3rem;max-width:600px}.access-restricted__icon{font-size:3rem;margin-bottom:1rem;display:block}.access-restricted--small .access-restricted__icon{font-size:2rem}.access-restricted--large .access-restricted__icon{font-size:4rem}.access-restricted__title{margin-bottom:.75rem;font-size:var(--text-2xl);font-weight:var(--font-semibold)}.access-restricted--small .access-restricted__title{font-size:var(--text-xl)}.access-restricted--large .access-restricted__title{font-size:1.75rem}.access-restricted__message{margin-bottom:1rem;line-height:1.5;font-size:var(--text-base)}.access-restricted__details{padding:1.5rem;border-radius:var(--spacing-2);margin-top:1.5rem;border:1px solid;text-align:left}.access-restricted--small .access-restricted__details{padding:1rem;margin-top:1rem}.access-restricted--large .access-restricted__details{padding:2rem;margin-top:2rem}.access-restricted__details-title{margin-bottom:.75rem;font-weight:var(--font-medium);font-size:.95rem}.access-restricted__requirements{margin:.75rem 0;padding-left:1.5rem}.access-restricted__requirements li{margin-bottom:.5rem;line-height:1.4}.access-restricted__contact{margin-top:1rem;margin-bottom:0;font-style:italic;font-size:.9rem}.access-restricted--warning .access-restricted__content{background:var(--bg);border-color:var(--border)}.access-restricted--warning .access-restricted__icon{color:var(--warning)}.access-restricted--warning .access-restricted__title{color:var(--text)}.access-restricted--warning .access-restricted__message{color:var(--text-muted)}.access-restricted--warning .access-restricted__details{background:var(--surface);border-color:var(--border)}.access-restricted--warning .access-restricted__details-title{color:var(--text)}.access-restricted--warning .access-restricted__requirements li,.access-restricted--warning .access-restricted__contact{color:var(--text-muted)}.access-restricted--error .access-restricted__content{background:var(--bg);border-color:var(--danger-border)}.access-restricted--error .access-restricted__icon,.access-restricted--error .access-restricted__title,.access-restricted--error .access-restricted__message{color:var(--danger-text)}.access-restricted--error .access-restricted__details{background:var(--bg);border-color:var(--danger-border)}.access-restricted--error .access-restricted__details-title,.access-restricted--error .access-restricted__requirements li,.access-restricted--error .access-restricted__contact{color:var(--danger-text)}.access-restricted--info .access-restricted__content{background:var(--bg);border-color:var(--steel-border)}.access-restricted--info .access-restricted__icon{color:var(--steel-text)}.access-restricted--info .access-restricted__title,.access-restricted--info .access-restricted__message{color:var(--steel-soft)}.access-restricted--info .access-restricted__details{background:var(--steel);border-color:var(--steel)}.access-restricted--info .access-restricted__details-title,.access-restricted--info .access-restricted__requirements li{color:var(--steel-soft)}.access-restricted--info .access-restricted__contact{color:var(--steel-text)}.dark .access-restricted--warning .access-restricted__content,[data-theme=dark] .access-restricted--warning .access-restricted__content{border-color:var(--text)}.dark .access-restricted--warning .access-restricted__title,[data-theme=dark] .access-restricted--warning .access-restricted__title{color:var(--text-on-color)}.dark .access-restricted--warning .access-restricted__message,[data-theme=dark] .access-restricted--warning .access-restricted__message{color:var(--border-strong)}.dark .access-restricted--warning .access-restricted__details,[data-theme=dark] .access-restricted--warning .access-restricted__details{background:var(--strong-fill);border-color:var(--text)}.dark .access-restricted--warning .access-restricted__details-title,[data-theme=dark] .access-restricted--warning .access-restricted__details-title{color:var(--text-on-color)}.dark .access-restricted--warning .access-restricted__requirements li,[data-theme=dark] .access-restricted--warning .access-restricted__requirements li{color:var(--border-strong)}.access-restricted__content{animation:mp-fade-up .5s ease-out}@media (max-width: 768px){.access-restricted{padding:1rem;min-height:250px}.access-restricted__content{padding:1.5rem}.access-restricted__icon{font-size:2.5rem}.access-restricted__title{font-size:var(--text-xl)}.access-restricted__details{padding:1rem;margin-top:1rem}}:root{color-scheme:light;--bg: #F7F6F3;--surface: #FFFFFF;--surface-sunken: #EFEDE8;--surface-hover: #F1EFEA;--border: #E4E1DA;--border-strong: #CFCAC0;--text: #1C1B18;--text-muted: #5F5A52;--text-subtle: #6F6A62;--text-on-color: #FFFFFF;--overlay: rgba(28, 27, 24, .5);--neutral-fill: #6B665E;--strong-fill: #1C1B18;--tonal-bg: #EFEDE8;--tonal-hover: #E4E1DA;--primary: #C2410C;--primary-hover: #9A3412;--primary-active: #7C2D12;--primary-text: #C2410C;--primary-soft: #FDEEE6;--primary-ring: rgba(194, 65, 12, .28);--steel: #2C4A6B;--steel-hover: #223B56;--steel-active: #1A2E44;--steel-text: #2C4A6B;--steel-400: #5A7A9C;--steel-soft: #E8EEF4;--steel-softer: #F3F6F9;--steel-border: #C3D1DF;--steel-ring: rgba(44, 74, 107, .28);--tape: #8A5A0B;--tape-soft: #FEF6D8;--tape-border: #F2D37A;--success: #276B43;--success-hover: #1E5636;--success-text: #276B43;--success-soft: #E6F2EA;--success-border: #BFDCC8;--danger: #B42318;--danger-hover: #912018;--danger-text: #B42318;--danger-soft: #FDECEA;--danger-border: #F5C2BD;--warning: #B45309;--warning-hover: #92400E;--warning-soft: #FEF3E2;--warning-border: #F6D3A6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--elev-1: 0 1px 2px rgba(28, 27, 24, .06), 0 1px 3px rgba(28, 27, 24, .08);--elev-2: 0 8px 24px rgba(28, 27, 24, .14), 0 2px 6px rgba(28, 27, 24, .08);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Barlow Semi Condensed", var(--font-ui);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F5A52' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #141311;--surface: #1C1B18;--surface-sunken: #11100E;--surface-hover: #262420;--border: #34312B;--border-strong: #4A463E;--text: #F2F0EB;--text-muted: #B3ADA2;--text-subtle: #8A8479;--text-on-color: #FFFFFF;--overlay: rgba(0, 0, 0, .65);--neutral-fill: #4A463E;--strong-fill: #45413A;--tonal-bg: #262420;--tonal-hover: #34312B;--primary: #C94A12;--primary-hover: #D95A20;--primary-active: #B8460F;--primary-text: #F59A62;--primary-soft: #3A2216;--primary-ring: rgba(245, 154, 98, .35);--steel: #3F6A96;--steel-hover: #4A77A4;--steel-active: #5584B2;--steel-text: #8FB3D9;--steel-400: #8FB3D9;--steel-soft: #1E2A37;--steel-softer: #182029;--steel-border: #34475C;--steel-ring: rgba(143, 179, 217, .35);--tape: #F2C94C;--tape-soft: #3A2F12;--tape-border: #6B5418;--success: #28794D;--success-hover: #2F8757;--success-text: #6CC596;--success-soft: #173324;--success-border: #2C5A40;--danger: #C8322F;--danger-hover: #D63F3C;--danger-text: #F0706A;--danger-soft: #3A1A18;--danger-border: #6B2A25;--warning: #F5A524;--warning-hover: #F7B547;--warning-soft: #3A2A10;--warning-border: #6B4A1A;--elev-1: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35);--elev-2: 0 8px 24px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3ADA2' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}:root[data-theme=dark]{color-scheme:dark;--bg: #141311;--surface: #1C1B18;--surface-sunken: #11100E;--surface-hover: #262420;--border: #34312B;--border-strong: #4A463E;--text: #F2F0EB;--text-muted: #B3ADA2;--text-subtle: #8A8479;--text-on-color: #FFFFFF;--overlay: rgba(0, 0, 0, .65);--neutral-fill: #4A463E;--strong-fill: #45413A;--tonal-bg: #262420;--tonal-hover: #34312B;--primary: #C94A12;--primary-hover: #D95A20;--primary-active: #B8460F;--primary-text: #F59A62;--primary-soft: #3A2216;--primary-ring: rgba(245, 154, 98, .35);--steel: #3F6A96;--steel-hover: #4A77A4;--steel-active: #5584B2;--steel-text: #8FB3D9;--steel-400: #8FB3D9;--steel-soft: #1E2A37;--steel-softer: #182029;--steel-border: #34475C;--steel-ring: rgba(143, 179, 217, .35);--tape: #F2C94C;--tape-soft: #3A2F12;--tape-border: #6B5418;--success: #28794D;--success-hover: #2F8757;--success-text: #6CC596;--success-soft: #173324;--success-border: #2C5A40;--danger: #C8322F;--danger-hover: #D63F3C;--danger-text: #F0706A;--danger-soft: #3A1A18;--danger-border: #6B2A25;--warning: #F5A524;--warning-hover: #F7B547;--warning-soft: #3A2A10;--warning-border: #6B4A1A;--elev-1: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35);--elev-2: 0 8px 24px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3ADA2' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:focus-visible{outline:2px solid var(--steel-text);outline-offset:2px}.btn,.default-btn-style,.default-form-button,.remove-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:focus-visible,.default-btn-style:focus-visible,.default-form-button:focus-visible,.remove-button:focus-visible,.move:focus-visible{outline:none;box-shadow:0 0 0 3px var(--steel-ring)}.btn,.default-btn-style,.default-form-button{background:var(--tonal-bg);color:var(--text)}.btn:hover:not(:disabled),.default-btn-style:hover:not(:disabled),.default-form-button:hover:not(:disabled){background:var(--tonal-hover)}.btn-primary,.btn.btn-primary,.default-btn-style.primary,.default-btn-style.primary-btn-large,.save-now-btn,.mk-ai-btn{background:var(--primary);border-color:var(--primary);color:var(--text-on-color)}.btn-primary:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled),.default-btn-style.primary:hover:not(:disabled),.default-btn-style.primary-btn-large:hover:not(:disabled),.save-now-btn:hover:not(:disabled),.mk-ai-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:focus-visible,.default-btn-style.primary:focus-visible,.save-now-btn:focus-visible{box-shadow:0 0 0 3px var(--primary-ring)}.btn-secondary,.btn.btn-secondary,.btn-cancel,.default-btn-style.secondary-btn-large{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled),.btn.btn-secondary:hover:not(:disabled),.btn-cancel:hover:not(:disabled),.default-btn-style.secondary-btn-large:hover:not(:disabled){background:var(--surface-hover)}.remove-button{background:transparent;border-color:var(--danger-border);color:var(--danger-text)}.remove-button:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-danger,.btn.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--text-on-color)}.btn-danger:hover:not(:disabled),.btn.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.default-btn-style.badge-success{background:var(--success-soft);color:var(--success-text)}.default-btn-style.badge-warning{background:var(--warning-soft);color:var(--warning)}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-cancel:disabled,.btn-danger:disabled,.default-btn-style:disabled,.default-form-button:disabled,.remove-button:disabled,.save-now-btn:disabled,.mk-ai-btn:disabled,.move:disabled{background:var(--surface-sunken);border-color:var(--border);color:var(--text-muted);opacity:1;cursor:not-allowed}.btn-sm,.btn-small{min-height:30px;padding:0 10px;font-size:13px}.primary-btn-large,.secondary-btn-large{min-height:44px;padding:0 20px}.move{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:12px;cursor:pointer;box-shadow:none;transition:background-color .15s ease,color .15s ease}.move:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}@media (max-width: 480px){.btn,.default-btn-style,.default-form-button,.remove-button{min-height:36px;padding:0 12px;font-size:13px}}:root svg.lucide{fill:none;stroke:currentColor}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--overlay)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-2)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h2,.modal-header h3,.modal-title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text)}.modal-body{padding:20px;overflow:auto}.modal-footer,.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border)}.modal-close,.close-btn,.close-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer}.modal-close:hover,.close-btn:hover,.close-button:hover{background:var(--surface-hover);color:var(--text)}@media (max-width: 480px){.modal-overlay{padding:8px}.modal-content{max-height:calc(100vh - 16px)}}.standard-modal-overlay,[class$=-modal-overlay],[class*="-modal-overlay "]{background:var(--overlay)}.standard-modal-content,[class$=-modal-content],[class*="-modal-content "]{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-2)}.standard-modal-header,[class$=-modal-header],[class*="-modal-header "]{border-bottom:1px solid var(--border)}.standard-modal-footer,[class$=-modal-footer],[class*="-modal-footer "]{border-top:1px solid var(--border)}#modal-root{position:relative;z-index:1000000;pointer-events:none}#modal-root>*{pointer-events:auto}.standard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding-block:1rem;animation:mp-fade .2s ease-out}.standard-modal-content{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 100px - 6rem);overflow:hidden;animation:mp-rise-in .3s cubic-bezier(.4,0,.2,1)}.standard-modal-content.loading{pointer-events:none}.standard-modal-small,.standard-modal-medium,.standard-modal-large,.standard-modal-xlarge{width:100%}.standard-modal-small{max-width:400px}.standard-modal-medium{max-width:500px}.standard-modal-large{max-width:700px;max-height:100%}.standard-modal-xlarge{max-width:900px}.standard-modal-fullscreen{width:95vw;max-width:none;height:90vh;max-height:none}.standard-modal-header,.standard-modal-footer{flex-shrink:0;padding:.5rem 1.5rem}.standard-modal-header{display:flex;justify-content:space-between;align-items:center}.standard-modal-title-section{flex:1;min-width:0}.standard-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.4;word-wrap:break-word}.standard-modal-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.standard-modal-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:.5rem;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer}.standard-modal-close-btn:hover{background:var(--surface-hover);color:var(--text)}.standard-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.standard-modal-close-btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.standard-modal-body{flex:1;overflow-y:auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.standard-modal-body input:not([type=checkbox]):not([type=radio]),.standard-modal-body textarea,.standard-modal-body select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text);font-size:1rem}.standard-modal-body input:focus,.standard-modal-body textarea:focus,.standard-modal-body select:focus{outline:none;border-color:var(--steel);box-shadow:0 0 0 2px var(--steel-ring)}.standard-modal-body label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.standard-modal-body .form-group{margin-bottom:1rem}.standard-modal-body .form-group:last-child{margin-bottom:0}.standard-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--text-muted)}.standard-modal-error{color:var(--danger-text);font-size:.875rem;margin-top:.5rem}.standard-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;align-items:center}.standard-modal-actions.center{justify-content:center}.standard-modal-actions.space-between{justify-content:space-between}.standard-modal-actions.full-width{flex-direction:column}.standard-modal-actions.full-width>*{width:100%}@media (max-width: 768px){.standard-modal-header{padding:1rem 1rem .75rem}.standard-modal-title{font-size:1.125rem}.standard-modal-body{padding:1rem}.standard-modal-footer{padding:.5rem 1rem}.standard-modal-small,.standard-modal-medium,.standard-modal-large,.standard-modal-xlarge{max-width:none;width:100%}.standard-modal-fullscreen{width:100vw;height:100vh;max-height:100vh;border-radius:0}}@media (max-width: 768px) and (orientation: landscape){.standard-modal-content{max-height:98vh}.standard-modal-header{padding:.75rem 1rem .5rem}.standard-modal-body{padding:.75rem 1rem}}@media (prefers-contrast: high){.standard-modal-content{border-width:2px}.standard-modal-close-btn:hover{outline:2px solid var(--steel)}}@media (prefers-reduced-motion: reduce){.standard-modal-overlay,.standard-modal-content{animation:none}}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.form-group select,.form-group textarea{width:100%;box-sizing:border-box}.form-row{display:flex;flex-wrap:wrap;gap:16px}.form-row>.form-group{flex:1 1 200px}.form-section{margin-bottom:24px}.form-group>label,.form-label{font-size:.875rem;font-weight:600;color:var(--text)}.required{color:var(--danger-text)}.form-control,.form-input,.form-select,.form-textarea,.search-input{width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px;font:inherit;font-size:.9375rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.form-textarea{min-height:96px;resize:vertical}.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.search-input:focus{outline:none;border-color:var(--steel);box-shadow:0 0 0 3px var(--steel-ring)}.help-text,.form-help,.form-hint{font-size:.8125rem;color:var(--text-muted)}.error-message,.form-error{font-size:.8125rem;color:var(--danger-text)}.success-message{font-size:.8125rem;color:var(--success-text)}.checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text);cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@keyframes mp-spin{to{transform:rotate(360deg)}}.spinner,.loading-spinner,.loading-spinner-small,.spinner-small,.tiny-spinner,.progress-spinner,.verify-email-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--steel);border-radius:50%;animation:mp-spin .8s linear infinite}.loading-spinner{width:32px;height:32px;border-width:3px}.spinner-small,.loading-spinner-small{width:16px;height:16px}.tiny-spinner{width:10px;height:10px;border-width:1px}.progress-spinner{width:32px;height:32px;border-width:3px}.verify-email-spinner{border-width:4px}.tiny-spinner,.create-organization-layout .spinner-small{border-color:transparent;border-top-color:currentColor}.loading-state,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;color:var(--text-muted)}@keyframes mp-pulse{50%{opacity:.5}}@keyframes mp-fade{0%{opacity:0}to{opacity:1}}@keyframes mp-fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes mp-drop-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mp-rise-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.skeleton-block{display:block;flex-shrink:0;max-width:100%;background:var(--border);animation:mp-pulse 1.6s ease-in-out infinite}:where(.skeleton-block){height:14px;border-radius:var(--radius-sm)}:where(.skeleton-lg){height:20px}:where(.skeleton-xl){height:40px;border-radius:var(--radius-md)}:where(.skeleton-circle){border-radius:50%}:where(.skeleton-panel){padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}:where(.skeleton-stack){display:flex;flex-direction:column;gap:8px}:where(.skeleton-row){display:flex;align-items:center;gap:12px}@media (prefers-reduced-motion: reduce){.skeleton-block{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;text-align:center;color:var(--text-muted)}.empty-state h3,.empty-state h4{margin:0;font-family:var(--font-display);font-weight:600;color:var(--text)}.stat-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.stat-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.mp-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:20px}.mp-page-title{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:600;line-height:1.2;color:var(--text)}.mp-page-subtitle{margin:4px 0 0;font-size:.9375rem;color:var(--text-muted)}.mp-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mp-section{margin-bottom:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.mp-section-title{margin:0 0 4px;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text)}.mp-section-subtitle{margin:0 0 16px;font-size:.875rem;color:var(--text-muted)}.mp-tabs{display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.mp-tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;color:var(--text-muted);font:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer}.mp-tab:hover{background:var(--surface-hover);color:var(--text)}.mp-tab.active,.mp-tab.is-active{color:var(--steel-text);font-weight:600}.mp-tab.active:after,.mp-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--steel)}.mp-tab.danger{color:var(--danger-text)}.mp-segmented{display:inline-flex;gap:2px;padding:2px;background:var(--surface-sunken);border-radius:var(--radius-md)}.mp-segmented-item{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer}.mp-segmented-item:hover{color:var(--text)}.mp-segmented-item.active,.mp-segmented-item.is-active{background:var(--surface);color:var(--text);box-shadow:var(--elev-1)}.mp-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-muted);font-size:.75rem;font-weight:600;white-space:nowrap}.mp-badge.success{background:var(--success-soft);color:var(--success-text)}.mp-badge.warning{background:var(--warning-soft);color:var(--warning)}.mp-badge.danger{background:var(--danger-soft);color:var(--danger-text)}.mp-badge.info{background:var(--steel-soft);color:var(--steel-text)}.mp-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.mp-list-item{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.mp-list-item:last-child{border-bottom:0}.mp-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--surface-sunken);color:var(--text-muted);font-size:.8125rem;font-weight:700}.mp-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.mp-table{width:100%;border-collapse:collapse;font-size:.875rem}.mp-table th{padding:10px 12px;background:var(--surface-sunken);color:var(--text-muted);font-size:.8125rem;font-weight:600;text-align:left;white-space:nowrap}.mp-table td{padding:10px 12px;border-top:1px solid var(--border);color:var(--text);vertical-align:middle}.mp-table tbody tr:hover td{background:var(--surface-hover)}.mp-callout{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text)}.mp-callout.danger{border-color:var(--danger-border);background:var(--danger-soft)}.mp-callout.info{border-color:var(--steel-border);background:var(--steel-softer)}@media (max-width: 600px){.mp-page-title{font-size:1.375rem}.mp-section{padding:16px}}.mp-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.mp-card.active,.mp-card.selected,.mp-card.is-selected{border-color:var(--steel);background:var(--steel-softer);box-shadow:0 0 0 1px var(--steel)}.mp-callout.warning{border-color:var(--warning-border);background:var(--warning-soft)}.mp-tabs .mp-tab{min-height:0;padding:10px 14px;border:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;box-shadow:none;overflow:visible;flex:0 0 auto}.mp-tabs .mp-tab:before{content:none}.mp-tabs .mp-tab:hover{background:var(--surface-hover);color:var(--text)}.mp-tabs .mp-tab.active,.mp-tabs .mp-tab.is-active{background:transparent;color:var(--steel-text);font-weight:600;box-shadow:none}.mp-tabs .mp-tab.danger{color:var(--danger-text)}.mp-tabs .mp-tab.danger.active:after{background:var(--danger)}.mp-segmented .mp-segmented-item{min-height:32px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);box-shadow:none;transform:none}.mp-segmented .mp-segmented-item:hover{color:var(--text)}.mp-segmented .mp-segmented-item.active,.mp-segmented .mp-segmented-item.is-active{background:var(--surface);color:var(--text);box-shadow:var(--elev-1)}.mp-steps{position:relative;margin:20px 0 24px}.mp-steps-list{position:relative;z-index:1;display:flex;justify-content:space-between}.mp-step{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px}.mp-step-marker{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--text-muted);font-size:.875rem;font-weight:600}.mp-step.active .mp-step-marker{border-color:var(--steel);background:var(--steel);color:var(--text-on-color)}.mp-step.current .mp-step-marker{box-shadow:0 0 0 4px var(--steel-ring)}.mp-step-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-align:center}.mp-step.active .mp-step-label{color:var(--text)}.mp-step.current .mp-step-label{color:var(--steel-text);font-weight:600}.mp-steps-track{position:absolute;top:15px;left:16px;right:16px;height:2px;background:var(--border)}.mp-steps-fill{height:100%;background:var(--steel)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mp-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--mp-card-min, 260px),100%),1fr));gap:12px}.mp-card.is-clickable{cursor:pointer}.mp-card.is-clickable:not(.selected):not(.active):not(.is-selected):hover{border-color:var(--border-strong);background:var(--surface-hover)}.mp-card-title{margin:0;font-family:var(--font-display);font-size:1.0625rem;font-weight:600;line-height:1.25;color:var(--text);overflow-wrap:break-word}.mp-card-text{margin:0;font-size:.875rem;line-height:1.45;color:var(--text-muted)}.mp-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}.mp-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:6px 4px;border-radius:var(--radius-sm);background:var(--surface-sunken);text-align:center}.mp-stat .stat-value{max-width:100%;font-size:.9375rem;line-height:1.2;overflow-wrap:break-word}.mp-stat .stat-label{font-size:.6875rem;letter-spacing:.02em}button.mp-list-item{width:100%;margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}button.mp-list-item:last-child{border-bottom:0}button.mp-list-item:hover{background:var(--surface-hover)}button.mp-list-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--steel-ring)}.mp-card-grid .mp-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;text-align:left}.mp-card-grid .mp-card.active,.mp-card-grid .mp-card.selected,.mp-card-grid .mp-card.is-selected{border-color:var(--steel);background:var(--steel-softer);box-shadow:0 0 0 1px var(--steel)}.mp-card .mp-card-title{margin:0;padding:0;font-family:var(--font-display);font-size:1.0625rem;font-weight:600;line-height:1.25;color:var(--text)}.mp-card .mp-card-text{margin:0;font-size:.875rem;line-height:1.45;color:var(--text-muted)}.mp-stat-row .mp-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:6px 4px;border:0;border-radius:var(--radius-sm);background:var(--surface-sunken);box-shadow:none}.mp-callout.has-icon{display:flex;align-items:flex-start;gap:12px}.mp-callout.success{border-color:var(--success-border);background:var(--success-soft)}@media (max-width: 768px){.theme-btn,.language-selector,.sidebar-toggle-icon,.notification-button,.user-menu-button,.toggle-btn,.add-pipeline-btn,.pipeline-settings-btn-new,.edit-group-btn,.history-btn,.move-buttons .move,.category-toggle,.mk-preview,.forgot-password-link,.save-now-btn,.aib-btn-back,.aib-btn-menu,.aib-btn-save{position:relative}.theme-btn:after,.language-selector:after,.sidebar-toggle-icon:after,.notification-button:after,.user-menu-button:after,.toggle-btn:after,.add-pipeline-btn:after,.pipeline-settings-btn-new:after,.edit-group-btn:after,.history-btn:after,.move-buttons .move:after,.category-toggle:after,.mk-preview:after,.forgot-password-link:after,.save-now-btn:after,.aib-btn-back:after,.aib-btn-menu:after,.aib-btn-save:after,.password-toggle-btn:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.pipeline-quick-item{min-height:44px}.breadcrumb-item .breadcrumb-button{padding-block:10px;margin-block:-8px}.create-organization-layout button.breadcrumb-link,.pipeline-settings-header button.breadcrumb-link{padding-block:10px;margin-block:-10px}.remember-me-checkbox{min-height:44px}.remember-me-checkbox input[type=checkbox],.template-checkbox input[type=checkbox]{width:22px;height:22px}}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:.5rem;padding-right:calc(16px + var(--scrollbar-width, 17px));padding-left:16px;gap:8px;min-height:60px;box-sizing:border-box;position:relative}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.user-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center}.user-details{flex:1;min-width:0}.user-name,.user-email,.org-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:4px}.user-email{font-size:13px;color:var(--text-muted);font-weight:400;opacity:.8}.org-name{font-size:.875rem;font-weight:600;color:var(--text)}.search-container{position:relative;margin-top:12px;display:flex}.clear-search-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:16px;cursor:pointer}.clear-search-button:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.btn-icon{font-size:1.125rem}.step-icon{font-size:2rem;flex-shrink:0;line-height:1}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:.875rem;color:var(--text);font-weight:500}.feature-item:hover{background:var(--surface-hover);border-color:var(--border-strong)}@media (max-width: 1024px) and (min-width: 481px){.header-actions{gap:8px;flex:0 1 auto}}@media (max-width: 768px){.header-content{gap:6px;padding-top:.125rem;padding-right:8px;padding-left:8px;min-height:40px}.header-actions{gap:.5rem}.user-avatar{width:1.5rem;height:1.5rem;font-size:.75rem}.org-name{max-width:120px}.step-icon{font-size:1.75rem}}@media (max-width: 926px) and (max-height: 500px){.header-content{gap:4px;min-height:36px;padding-top:0}}@media (max-width: 480px){.header-content,.header-actions{gap:4px}}@media (max-width: 280px){.header-content{gap:2px}}.search-group{flex:1;min-width:200px}.search-input-wrapper{position:relative;display:flex;align-items:center}.skeleton-title-group{margin-bottom:var(--spacing-2)}.skeleton-line-short{width:60%}.transfer-modal-content{display:flex;flex-direction:column;gap:var(--spacing-4)}:root{--font-sans: var(--font-ui);--font-mono: "Monaco", "Menlo", "Consolas", monospace;--font-size-base: 1rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-caption: var(--font-size-xs);--font-size-input: var(--font-size-md);--text-xs: var(--font-size-xs);--text-sm: var(--font-size-sm);--text-base: var(--font-size-base);--text-lg: var(--font-size-lg);--text-xl: var(--font-size-xl);--text-2xl: var(--font-size-2xl);--font-weight-medium: 500;--font-weight-semibold: 600;--letter-spacing-wide: .025em}[data-font=system]{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, sans-serif}[data-font=inter]{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-font=open-sans]{--font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .08);--warning-text: var(--warning);--gradient-primary: linear-gradient(var(--steel), var(--steel));--gradient-surface: linear-gradient(var(--surface), var(--surface))}.app-container{padding:16px;max-width:100%;margin:0;box-sizing:border-box;width:100%;background-color:var(--surface);color:var(--text)}@media (max-width: 768px){.app-container{padding:12px}}body{background-color:var(--surface);color:var(--text);margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}table{background-color:var(--surface);color:var(--text)}th{background-color:var(--bg);color:var(--text);border-bottom:1px solid var(--border)}td{border-bottom:1px solid var(--border)}tr:hover{background-color:var(--surface-hover)}.nav-item{color:var(--text)}.nav-item:hover{background-color:var(--surface-hover)}.nav-item.active{background-color:var(--steel-soft);color:var(--steel-400)}h1,h2,h3,h4,h5,h6{color:var(--text)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{background-color:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 12px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:var(--steel);outline:none;box-shadow:0 0 0 3px var(--steel-ring)}::placeholder{color:var(--text-subtle)}input:disabled,textarea:disabled,select:disabled,button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.5rem;padding:10px 12px;font-size:var(--font-size-input);box-shadow:var(--shadow-inner)}input:focus,textarea:focus,select:focus{border-color:var(--steel);outline:none;box-shadow:0 0 0 3px var(--steel-ring),var(--elev-1);background:var(--surface)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong);background:var(--surface-hover)}.projects-table{background:var(--gradient-surface);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--elev-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);table-layout:auto;width:100%}.projects-table thead{display:table-header-group!important}.projects-table thead.table-row{display:table-header-group!important;grid-template-columns:unset!important;gap:unset!important}.projects-table thead tr{display:table-row!important}.projects-table th{display:table-cell!important;background:var(--surface);border-bottom:2px solid var(--border-strong);color:var(--text);font-weight:600;text-align:left;padding-left:1rem;white-space:nowrap}.projects-table td{text-align:left;padding-left:1rem}.projects-table:hover{border-color:var(--border-strong)}.simple-icon{display:inline-block;font-size:inherit;line-height:1;text-align:center;vertical-align:middle}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{border-radius:4px;border:2px solid var(--bg)}[data-theme=dark] .projects-table th{position:relative}[data-theme=dark] .projects-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;opacity:.3}[data-theme=dark] .projects-table td{border-bottom:1px solid var(--border)}*:focus-visible{outline:2px solid var(--steel);outline-offset:2px;border-radius:.25rem}::selection{background:var(--steel);color:var(--text-on-color)}::-moz-selection{background:var(--steel);color:var(--text-on-color)}.status-info{color:var(--steel);background:var(--steel-soft);border:1px solid var(--steel-border)}.alert-warning,.alert-info,.alert-success{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:1rem;font-size:var(--font-size-sm);color:var(--text)}.alert-warning{background:var(--warning-soft);border:1px solid var(--warning-border)}.alert-info{background:var(--steel-soft);border:1px solid var(--steel-border)}.alert-success{background:var(--success-soft);border:1px solid var(--success-border)}.badge{padding:4px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:.5rem;display:inline-block}.badge-warning{background:var(--warning);color:var(--text-on-color)}.badge-success{background:var(--success);color:var(--text-on-color)}.template-field-indicator{padding:3px 8px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);border-radius:.5rem;display:inline-block}.template-field-required{background:var(--success-soft);color:var(--success-text);border:1px solid var(--success-border)}.template-field-optional{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-border)}.template-info-box{padding:12px 16px;border-radius:.5rem;margin-bottom:1rem}.template-info-box.has-fields{background:var(--steel-soft);border:1px solid var(--steel-border)}.template-info-box.no-fields{background:var(--warning-soft);border:1px solid var(--warning-border)}[data-theme=dark] .template-info-box,[data-theme=dark] .template-field-indicator{border:1px solid var(--border)}a{color:var(--steel-text);text-decoration:none;font-weight:500;position:relative}a:hover{color:var(--steel-hover);text-decoration:underline;text-decoration-color:var(--steel-hover);text-decoration-thickness:2px;text-underline-offset:3px}a:focus{outline:2px solid var(--steel);outline-offset:2px;border-radius:.25rem}a:active{color:var(--steel-active)}[data-theme=dark] a:hover{text-shadow:0 0 8px var(--steel-ring)}.link-button{display:inline-flex;align-items:center;gap:.5rem;padding:8px 16px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.5rem;font-weight:500;text-decoration:none;box-shadow:var(--elev-1)}.link-button:hover{background:var(--surface-hover);border-color:var(--border-strong);text-decoration:none}.breadcrumb a{color:var(--text-muted);font-weight:400}.breadcrumb a:hover{color:var(--steel-text);text-decoration:none}[data-theme=dark]{color-scheme:dark}[data-theme=dark] .edit-btn,[data-theme=dark] .edit-button,[data-theme=dark] .group-edit-btn,[data-theme=dark] .edit-group-btn{border:1px solid var(--border)!important}:root svg{fill:var(--text);stroke:var(--text);color:var(--text)}:root .edit-btn svg{fill:var(--text-muted);stroke:var(--text-muted)}:root .edit-group-btn svg{fill:currentColor!important;stroke:currentColor!important}:root .edit-group-btn{color:var(--text-muted)!important}:root .edit-group-btn:hover{color:var(--text)!important}:root button svg{fill:currentColor;stroke:currentColor}:root svg[fill=none]{fill:none;stroke:currentColor;color:inherit}:root svg[fill=currentColor]{fill:currentColor;stroke:none;color:inherit}.section-custom-fields-themed{margin-bottom:20px;padding:16px;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border)}.section-custom-fields-themed h4{margin:0 0 15px;color:var(--text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.section-fields-grid-themed{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.section-field-wrapper-themed{display:flex;flex-direction:column}.section-field-wrapper-themed label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:6px}.section-field-wrapper-themed .required-asterisk{color:var(--danger-text);margin-left:2px}.save-status-bar{position:fixed;bottom:0;left:0;right:0;height:56px;border-top:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:var(--font-size-sm);color:var(--text-muted);z-index:1000;-webkit-font-smoothing:antialiased}:root .save-status-bar{background:var(--surface-sunken);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -4px 8px #00000014}.save-status-left{display:flex;align-items:center;gap:0;flex:1}.save-status-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.save-status-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.history-controls{display:flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:4px;box-shadow:var(--elev-1)}.history-btn{background:transparent;border:none;border-radius:.375rem;padding:8px 10px;font-size:16px;font-weight:600;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.history-btn:hover:not(:disabled){color:var(--text)}.history-btn:disabled{color:var(--text-subtle);cursor:not-allowed;opacity:.5}:root .history-btn:hover:not(:disabled){background:var(--surface-hover)}:root .history-btn:active:not(:disabled){background:var(--surface-sunken)}.save-status-indicator{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--elev-1)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--success);flex-shrink:0;box-shadow:var(--elev-1)}.status-dot.saving{width:14px;height:14px;background:transparent;border:2px solid var(--steel);border-top:2px solid transparent;animation:mp-spin 1s linear infinite;box-shadow:none}.status-dot.pending{background:var(--warning);animation:pendingGlow 2s infinite;box-shadow:0 0 6px var(--primary-ring)}.status-dot.saved{background:var(--success);box-shadow:0 0 6px var(--steel-ring)}.status-dot.save-error{background:var(--danger)}.status-dot.saved-local{background:var(--warning);box-shadow:0 0 6px var(--primary-ring)}.status-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}.status-text.saving{color:var(--steel-text)}.status-text.pending{color:var(--warning)}.status-text.saved{color:var(--success-text)}.status-text.save-error{color:var(--danger-text)}.status-text.saved-local{color:var(--warning)}.offline-indicator{font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);opacity:.8;color:var(--text-muted)}.save-spinner{width:12px;height:12px;border:2px solid var(--text-on-color);border-top:2px solid transparent;border-radius:50%;animation:mp-spin 1s linear infinite;flex-shrink:0}@keyframes pendingGlow{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(1)}}.toggle-switch{position:relative;display:inline-block;flex-shrink:0;width:44px;height:24px}.template-toggle{position:relative;display:inline-block;width:44px;height:var(--spacing-6)}.toggle-switch input,.template-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border-radius:50px}.toggle-switch .toggle-slider{background-color:var(--surface-sunken, var(--border-strong));border:1px solid var(--border)}.template-toggle .toggle-slider{background:var(--border-strong);box-shadow:inset 0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.1)}.toggle-slider:before{position:absolute;content:"";top:50%;left:2px;transform:translateY(-50%);background-color:var(--surface);border-radius:50%}.toggle-switch .toggle-slider:before{width:18px;height:18px}.template-toggle .toggle-slider:before{width:18px;height:18px;background:var(--bg);box-shadow:0 2px 6px #0003,0 1px 2px #0000001a;border:1px solid rgba(255,255,255,.8)}.toggle-switch input:checked+.toggle-slider{background-color:var(--success, var(--steel));border-color:var(--success, var(--steel))}.template-toggle input:checked+.toggle-slider{background:var(--steel);box-shadow:inset 0 2px 4px var(--steel-ring),0 0 12px var(--steel-ring)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px) translateY(-50%)}.template-toggle input:checked+.toggle-slider:before{transform:translate(22px) translateY(-50%);background:var(--surface);box-shadow:0 3px 8px #0000004d,0 1px 3px #0003}.table-toggle{display:inline-flex;align-items:center;cursor:pointer}.table-toggle input[type=checkbox]{display:none}.table-toggle .toggle-slider{width:32px;height:18px;background:var(--surface-sunken);border-radius:9px;position:relative;border:1px solid var(--border)}.table-toggle .toggle-slider:before{content:"";position:absolute;top:50%;left:1px;transform:translateY(-50%);width:14px;height:14px;background:var(--strong-fill);border-radius:50%}.table-toggle input:checked+.toggle-slider{background:var(--success);border-color:var(--success)}.table-toggle input:checked+.toggle-slider:before{transform:translate(14px) translateY(-50%);background:var(--surface)}.form-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;width:100%;justify-content:space-between}.toggle-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);white-space:nowrap}@media (max-width: 768px){.table-toggle .toggle-slider{width:28px;height:16px}.table-toggle .toggle-slider:before{width:12px;height:12px}.table-toggle input:checked+.toggle-slider:before{transform:translate(12px) translateY(-50%)}}.projects-table tbody tr.project-row:nth-child(2n){background:var(--bg, var(--steel-soft))}.projects-table tbody tr.project-row:hover{background:var(--surface-hover, var(--steel-soft))}.projects-table .remove-button{border:1px solid currentColor;font-weight:500}.save-now-label-short{display:none}@media (max-width: 480px){.save-status-bar{padding:0 8px;gap:6px}.save-status-left{flex:1 1 auto;min-width:0;overflow:hidden}.save-status-left .save-status-indicator{min-width:0;max-width:100%;padding:6px 8px;gap:6px}.save-status-left .status-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem}.save-status-center,.save-status-right{flex:0 0 auto}.save-now-label{display:none}.save-now-label-short{display:inline}}html:has(.save-status-bar){scroll-padding-top:calc(var(--app-header-h, 48px) + 8px);scroll-padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}body:has(.save-status-bar) .content-wrapper{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}#root{width:100%;max-width:100%;margin:0;padding:0;font-family:var(--font-sans);background:var(--surface);color:var(--text)}.main-container{width:calc(100% + -0px);padding:0;display:flex;flex-direction:column;margin:0;overflow:hidden;background:var(--surface);color:var(--text);position:relative;z-index:1}.app-container{overflow:visible!important;position:relative;z-index:0}.app-layout{overflow:visible!important;position:relative;z-index:1}.app-layout .app-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:200!important;transform:translateZ(0);display:flex;flex-direction:column;align-items:stretch}button{font-family:var(--font-sans);background:var(--surface);color:var(--text);border:1px solid var(--border)}p{font-size:1em;margin:0;margin-bottom:.5rem;color:var(--text-muted)}h1{text-align:center;font-size:var(--text-base);font-weight:700;margin-bottom:0;margin-top:0;box-sizing:border-box;color:var(--text)}h2{font-size:1.25em;font-weight:700;margin:0;color:var(--text)}h3{font-size:1em;font-weight:700;margin:0;color:var(--text)}h4{font-weight:700;margin:0;color:var(--text)}h5{font-size:1em;font-weight:700;margin:0;width:100%;color:var(--text)}.standard-spacing-container{display:flex;gap:.5rem;flex-wrap:wrap;flex-direction:row;padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);align-items:center}.standard-spacing-container.overflow-auto{overflow:visible}.no-wrap{display:flex;flex-wrap:nowrap}.wrap{display:flex;flex-wrap:wrap}.move-buttons-container{display:flex;gap:.5rem;justify-content:space-between;align-items:center;width:100%;margin-left:.25rem}.move-buttons-container-inner{display:flex;gap:.5rem;align-items:center;width:100%}.move-buttons{border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;gap:.25rem;min-width:4ch}.project-info{margin-bottom:var(--spacing-4);margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--gradient-surface);border-radius:.75rem;width:100%;box-sizing:border-box;border:1px solid var(--border);box-shadow:var(--elev-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-info:hover{border-color:var(--border-strong)}.project-edit-form{border:1px solid var(--border);border-radius:.75rem;padding:var(--spacing-5);margin-bottom:var(--spacing-4);background:var(--surface);box-shadow:var(--elev-1)}.project-edit-form:hover{border-color:var(--border-strong)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--elev-1);box-sizing:border-box;position:relative;background:var(--gradient-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;transform:translateZ(0)}.table-container:hover{border-color:var(--border-strong)}.input-field{font-size:14px;padding:10px;width:100%;min-width:9ch;padding:var(--spacing-3);border:1px solid var(--border);border-radius:.5rem;box-sizing:border-box;background:var(--surface);color:var(--text);box-shadow:var(--shadow-inner)}.input-field:focus{outline:none;border-color:var(--steel);box-shadow:0 0 0 3px var(--steel-ring),var(--elev-1);background:var(--surface)}.input-field:hover{border-color:var(--border-strong);background:var(--surface-hover)}textarea.input-field{font-family:inherit;line-height:1.5;resize:vertical;min-height:80px}textarea.input-field.long-input{min-height:100px}textarea.input-field.auto-grow{resize:none}.input-field[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-field[type=number]::-webkit-inner-spin-button,.input-field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.input-field[type=tel],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select:not([multiple]):not([size]){background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right var(--select-chevron-inset, 10px) center;background-size:16px;padding-right:var(--select-pad-end, 32px)}.select-field{cursor:pointer}.empty-select{color:var(--text-muted);font-style:italic}.select-field-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}.long-input{min-height:50px;height:auto;resize:vertical}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;margin-top:1rem;flex-wrap:wrap-reverse;gap:.5rem}.form-header{display:flex;flex-wrap:wrap-reverse;align-items:center;margin-bottom:1rem}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}