@import url(https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap);:root,[data-theme=dark]{--bg-primary:#060918;--bg-surface:#141937;--text-primary:#f1f5f9;--text-secondary:#a0a8c0;--border-default:#ffffff0f;--accent-primary:#00d68f;--mp-bg-deep:#060918;--mp-bg-base:#0a0e27;--mp-bg-raised:#0f1229;--mp-bg-surface:#141937;--mp-bg-elevated:#1a1f3a;--mp-bg-muted:#20254a;--mp-bg-hover:hsla(0,0%,100%,.035);--mp-bg-active:#00d68f14;--mp-border:#ffffff0f;--mp-border-subtle:#ffffff08;--mp-border-focus:#00d68f59;--mp-text-1:#f1f5f9;--mp-text-2:#a0a8c0;--mp-text-3:#6b7280;--mp-text-inv:#0a0e27;--mp-black:#000;--mp-green:#00d68f;--mp-green-strong:#00a86b;--mp-green-dim:#00d68f1f;--mp-purple:#b40fe7;--mp-purple-strong:#8e0bb8;--mp-purple-dim:#b40fe71f;--mp-indigo:#6366f1;--mp-blue:#3b82f6;--mp-blue-deep:#043a6c;--mp-blue-ink:#032e56;--mp-blue-dim:#3b82f61f;--mp-red:#ef4444;--mp-red-strong:#c33;--mp-red-dim:#ef44441f;--mp-amber:#fbbf24;--mp-gold:gold;--mp-gold-deep:orange;--mp-amber-dim:#fbbf241f;--mp-danger:var(--mp-red);--mp-warning:var(--mp-amber);--mp-info:var(--mp-blue);--mp-green-soft-border:#00d68f33;--mp-blue-soft-border:#3b82f633;--mp-red-soft-border:#ef444433;--mp-amber-soft-border:#fbbf2433;--mp-overlay-strong:#000000b3;--mp-overlay-modal:#060918bf;--mp-accent-grad-end:#00f0a0;--mp-font:"Google Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mp-mono:"JetBrains Mono","Fira Code",monospace;--mp-fs-hero:clamp(28px,3vw,40px);--mp-fs-h1:clamp(22px,2.2vw,30px);--mp-fs-h2:clamp(18px,1.6vw,22px);--mp-fs-h3:16px;--mp-fs-body:14px;--mp-fs-sm:13px;--mp-fs-xs:11px;--mp-fw-normal:400;--mp-fw-medium:500;--mp-fw-semibold:600;--mp-fw-bold:700;--mp-lh-tight:1.2;--mp-lh-body:1.55;--mp-lh-loose:1.75;--mp-ls-tight:-0.02em;--mp-ls-normal:0;--mp-ls-wide:0.04em;--mp-ls-caps:0.08em;--mp-1:4px;--mp-2:8px;--mp-3:12px;--mp-4:16px;--mp-5:20px;--mp-6:24px;--mp-8:32px;--mp-10:40px;--mp-12:48px;--mp-16:64px;--mp-20:80px;--mp-r-xs:6px;--mp-r-sm:8px;--mp-r-md:12px;--mp-r-lg:16px;--mp-r-xl:20px;--mp-r-2xl:24px;--mp-r-full:9999px;--mp-shadow-xs:0 1px 2px #0003;--mp-shadow-sm:0 2px 8px #0003,0 0 0 1px var(--mp-border-subtle);--mp-shadow-md:0 4px 16px #00000040,0 0 0 1px var(--mp-border-subtle);--mp-shadow-lg:0 8px 32px #0000004d,0 0 0 1px var(--mp-border-subtle);--mp-shadow-xl:0 16px 48px #0006;--mp-shadow-glow:0 0 20px #00d68f1a;--mp-ease:cubic-bezier(0.4,0,0.2,1);--mp-ease-out:cubic-bezier(0,0,0.2,1);--mp-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--mp-dur-fast:120ms;--mp-dur:200ms;--mp-dur-slow:350ms;--mp-sidebar-w:260px;--mp-sidebar-w-col:68px;--mp-topbar-h:60px;--mp-canvas-max:1360px;--mp-canvas-pad:clamp(20px,3vw,48px);--bp-desktop:1440px;--bp-laptop:1024px;--bp-tablet:768px;--bp-mobile:480px}[data-theme=light]{--bg-primary:#f5f7fb;--bg-surface:#fff;--text-primary:#101423;--text-secondary:#4c566b;--border-default:#1014231a;--accent-primary:#0b7a56;--mp-bg-deep:#f5f7fb;--mp-bg-base:#eef2f8;--mp-bg-raised:#fff;--mp-bg-surface:#fff;--mp-bg-elevated:#f8f9fc;--mp-bg-muted:#e8edf6;--mp-bg-hover:#1014230a;--mp-bg-active:#0b7a561a;--mp-border:#1014231f;--mp-border-subtle:#1014230f;--mp-border-focus:#0b7a5659;--mp-text-1:#101423;--mp-text-2:#4c566b;--mp-text-3:#6f7b92;--mp-text-inv:#fff;--mp-black:#000;--mp-green:#0b7a56;--mp-green-strong:#0a6548;--mp-green-dim:#0b7a561f;--mp-purple:#6f42c1;--mp-purple-strong:#5b35a0;--mp-purple-dim:#6f42c11f;--mp-indigo:#5468d4;--mp-blue:#1b5fc6;--mp-blue-deep:#174ca0;--mp-blue-ink:#123f85;--mp-blue-dim:#1b5fc61f;--mp-red:#c0392b;--mp-red-strong:#9f2f24;--mp-red-dim:#c0392b1f;--mp-amber:#c98900;--mp-gold:#d4a600;--mp-gold-deep:#b88700;--mp-amber-dim:#c989001f;--mp-danger:var(--mp-red);--mp-warning:var(--mp-amber);--mp-info:var(--mp-blue);--mp-green-soft-border:#0b7a5633;--mp-blue-soft-border:#1b5fc633;--mp-red-soft-border:#c0392b33;--mp-amber-soft-border:#c9890033;--mp-overlay-strong:#1014238c;--mp-overlay-modal:#10142380;--mp-accent-grad-end:#35c79a;--mp-shadow-xs:0 1px 2px #10142314;--mp-shadow-sm:0 2px 8px #10142314,0 0 0 1px var(--mp-border-subtle);--mp-shadow-md:0 4px 16px #1014231a,0 0 0 1px var(--mp-border-subtle);--mp-shadow-lg:0 8px 32px #1014231f,0 0 0 1px var(--mp-border-subtle);--mp-shadow-xl:0 16px 48px #10142329;--mp-shadow-glow:0 0 20px #0b7a561f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background:var(--mp-bg-deep);font-family:var(--mp-font);font-size:var(--mp-fs-body);font-weight:var(--mp-fw-normal);line-height:var(--mp-lh-body)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--mp-bg-muted);border-radius:var(--mp-r-full)}::-webkit-scrollbar-thumb:hover{background:var(--mp-green)}:focus-visible{border-radius:var(--mp-r-sm);outline:2px solid var(--mp-green);outline-offset:2px}::selection{background:var(--mp-green-dim);color:var(--mp-text-1)}a{color:var(--mp-green);text-decoration:none;transition:color var(--mp-dur) var(--mp-ease)}a:hover{color:var(--mp-text-1)}img,video{display:block;max-width:100%}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ui-workspace-grid{align-items:start;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.mp-app-main,.mp-main-canvas,.mp-page-body,.mp-page-layout,.mp-page-primary,.mp-page-secondary,.mp-page-shell,.mp-topbar,.mp-topbar__inner{min-width:0}.mp-main-canvas{overflow-x:clip}.mp-card,.mp-workspace,.ui-modal{max-width:100%}.mp-card{padding:clamp(14px,1.8vw,20px)}.mp-card-actions,.mp-card__actions{flex-wrap:wrap}.mp-card :is(input,select,textarea),.mp-page-primary :is(input,select,textarea),.mp-page-secondary :is(input,select,textarea){max-width:100%;width:100%}.mp-page-primary :is(table,.mp-table),.mp-page-secondary :is(table,.mp-table){width:100%}@media (min-width:1440px){.mp-page-shell{padding-left:28px;padding-right:28px}}@media (max-width:1439px){.mp-page-body{gap:20px}}@media (max-width:1023px){.edit-image-page__grid,.feed-page__grid,.ui-workspace-grid{grid-template-columns:minmax(0,1fr)}.mp-page-primary,.mp-page-secondary{grid-column:span 12}.mp-app-shell__sidebar-spacer{width:0}.mp-sidebar{box-shadow:var(--mp-shadow-xl);transform:translateX(-100%);transition:transform var(--mp-dur-slow) var(--mp-ease)}.mp-sidebar.is-mobile-open{transform:translateX(0)}.mp-shell-backdrop{background:var(--mp-overlay-strong);display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--mp-dur) var(--mp-ease);z-index:95}.mp-shell-backdrop.is-visible{opacity:1;pointer-events:auto}.mp-topbar__menu-btn{display:inline-flex}.mp-topbar__search{max-width:none}.mp-sidebar__mobile-close{display:inline-flex}}@media (max-width:767px){.mp-page-shell{padding:12px}.mp-page-heading{margin-bottom:14px}.mp-page-heading h1{font-size:clamp(20px,5vw,24px)}.mp-page-heading p{font-size:var(--mp-fs-sm)}.edit-image-page__content,.feed-page__content,.page-screen__content,.videos-page__content{padding:12px}.mp-topbar__inner{gap:8px;min-height:54px;padding:0 12px}.mp-app-header{height:auto;min-height:54px}.mp-topbar__search,.mp-topbar__user-name{display:none}.mp-topbar__dropdown--notifications,.mp-topbar__dropdown--search,.mp-topbar__dropdown--user{right:-6px;width:min(340px,calc(100vw - 20px))}.edit-image-page__cta,.feed-page__cta,.mp-card-actions>.mp-btn,.mp-card-actions>button,.mp-card__actions>.mp-btn,.mp-card__actions>button{width:100%}.form-grid,.mp-card form,.mp-page-primary form,.mp-page-secondary form,.settings-form,[class*=__form-grid],[class*=form-grid]{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.mp-table-wrap{background:#0000;border:0;overflow:visible}.mp-table{border-collapse:initial;display:block}.mp-table thead{display:none}.mp-table tbody,.mp-table td,.mp-table tr{display:block;width:100%}.mp-table tr{background:var(--mp-bg-surface);border:1px solid var(--mp-border);border-radius:var(--mp-r-md);margin-bottom:10px;overflow:hidden}.mp-table td{border-bottom:1px solid var(--mp-border-subtle);padding:10px 12px}.mp-table td:last-child{border-bottom:0}.mp-list-item,.videos-page__item{align-items:flex-start;flex-direction:column}}@media (max-width:479px){.mp-page-shell{padding:10px}.mp-card{padding:12px}.mp-topbar__icon-btn{height:34px;width:34px}.mp-topbar__icon-svg{height:18px;width:18px}}.mp-card{border:1px solid var(--mp-border);border-radius:var(--mp-r-lg);padding:var(--mp-6);transition:box-shadow var(--mp-dur-slow) var(--mp-ease),border-color var(--mp-dur-slow) var(--mp-ease),transform var(--mp-dur-slow) var(--mp-ease)}.mp-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-text-inv) 2%,#0000) 0,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.mp-card:hover{border-color:color-mix(in srgb,var(--mp-text-inv) 10%,#0000);box-shadow:var(--mp-shadow-md);transform:translateY(-1px)}.mp-card--flat{background:var(--mp-bg-raised);border-color:#0000}.mp-card--flat:hover{border-color:var(--mp-border);transform:none}.mp-card--ghost{background:#0000;border-color:#0000;padding:0}.mp-card--ghost:hover{box-shadow:none;transform:none}.mp-card--interactive{cursor:pointer}.mp-card--interactive:hover{border-color:var(--mp-border-focus);box-shadow:var(--mp-shadow-md),var(--mp-shadow-glow)}.mp-card--compact{padding:var(--mp-4)}.mp-card--flush{padding:0}.mp-card__header{align-items:flex-start;display:flex;gap:var(--mp-4);justify-content:space-between;margin-bottom:var(--mp-5)}.mp-card__headline{color:var(--mp-text-1);font-size:var(--mp-fs-h3);font-weight:var(--mp-fw-semibold);letter-spacing:var(--mp-ls-tight);line-height:var(--mp-lh-tight)}.mp-card__meta{color:var(--mp-text-3);font-size:var(--mp-fs-xs);font-weight:var(--mp-fw-medium);letter-spacing:var(--mp-ls-caps);text-transform:uppercase}.mp-card__body{display:flex;flex-direction:column;gap:var(--mp-4)}.mp-card__divider{background:var(--mp-border);border:none;height:1px;margin:var(--mp-5) 0}.mp-card__section{display:flex;flex-direction:column;gap:var(--mp-3)}.mp-card__actions{align-items:center;display:flex;gap:var(--mp-3);margin-top:var(--mp-5)}.mp-card__actions--end{justify-content:flex-end}.mp-card__actions--between{justify-content:space-between}.mp-workspace{background:var(--mp-bg-raised);border:1px solid var(--mp-border-subtle);border-radius:var(--mp-r-xl);box-shadow:var(--mp-shadow-sm);min-height:calc(100vh - var(--mp-topbar-h) - var(--mp-12));padding:var(--mp-canvas-pad)}.mp-section{gap:var(--mp-5)}.mp-section__title{color:var(--mp-text-1);font-size:var(--mp-fs-h2);font-weight:var(--mp-fw-semibold);letter-spacing:var(--mp-ls-tight)}.mp-section__subtitle{color:var(--mp-text-2);font-size:var(--mp-fs-sm);max-width:600px}.mp-metric{display:flex;flex-direction:column;gap:var(--mp-2)}.mp-metric__label{color:var(--mp-text-3);font-size:var(--mp-fs-xs);font-weight:var(--mp-fw-medium);letter-spacing:var(--mp-ls-caps);text-transform:uppercase}.mp-metric__value{color:var(--mp-text-1);font-size:var(--mp-fs-h1);font-weight:var(--mp-fw-bold);letter-spacing:var(--mp-ls-tight);line-height:1}.mp-metric__trend{align-items:center;display:inline-flex;font-size:var(--mp-fs-xs);font-weight:var(--mp-fw-medium);gap:4px}.mp-metric__trend--up{color:var(--mp-green)}.mp-metric__trend--down{color:var(--mp-red)}.mp-stat-row{align-items:center;display:flex;justify-content:space-between;padding:var(--mp-3) 0}.mp-stat-row+.mp-stat-row{border-top:1px solid var(--mp-border-subtle)}.mp-stat-row__label{color:var(--mp-text-2);font-size:var(--mp-fs-sm)}.mp-stat-row__value{color:var(--mp-text-1)}.mp-btn,.mp-stat-row__value{font-size:var(--mp-fs-sm);font-weight:var(--mp-fw-semibold)}.mp-btn{align-items:center;border:1px solid #0000;border-radius:var(--mp-r-md);cursor:pointer;display:inline-flex;font-family:var(--mp-font);gap:var(--mp-2);justify-content:center;line-height:1;overflow:hidden;padding:10px 20px;position:relative;transition:background var(--mp-dur) var(--mp-ease),border-color var(--mp-dur) var(--mp-ease),color var(--mp-dur) var(--mp-ease),box-shadow var(--mp-dur) var(--mp-ease),transform var(--mp-dur-fast) var(--mp-ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.mp-btn:active:not(:disabled){transform:scale(.97)}.mp-btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.mp-btn--primary{background:var(--mp-green);color:var(--mp-text-inv)}.mp-btn--primary:hover{background:var(--mp-green-strong);box-shadow:0 0 16px color-mix(in srgb,var(--mp-green) 25%,#0000)}.mp-btn--secondary{background:var(--mp-bg-elevated);border-color:var(--mp-border);color:var(--mp-text-1)}.mp-btn--secondary:hover{background:var(--mp-bg-muted);border-color:color-mix(in srgb,var(--mp-text-inv) 12%,#0000)}.mp-btn--ghost{background:#0000;color:var(--mp-text-2)}.mp-btn--ghost:hover{background:var(--mp-bg-hover);color:var(--mp-text-1)}.mp-btn--danger{background:color-mix(in srgb,var(--mp-red) 12%,#0000);border-color:color-mix(in srgb,var(--mp-red) 20%,#0000);color:var(--mp-red)}.mp-btn--danger:hover{background:color-mix(in srgb,var(--mp-red) 20%,#0000)}.mp-btn--outline{background:#0000;border-color:color-mix(in srgb,var(--mp-green) 30%,#0000);color:var(--mp-green)}.mp-btn--outline:hover{background:var(--mp-green-dim);border-color:var(--mp-green)}.mp-btn--xs{border-radius:var(--mp-r-sm);padding:6px 10px}.mp-btn--sm,.mp-btn--xs{font-size:var(--mp-fs-xs)}.mp-btn--sm{padding:8px 14px}.mp-btn--lg{border-radius:var(--mp-r-lg);font-size:var(--mp-fs-body);padding:12px 28px}.mp-btn--icon{border-radius:var(--mp-r-sm);padding:8px}.mp-btn--full{width:100%}.mp-input,.mp-textarea{background:var(--mp-bg-raised);border:1px solid var(--mp-border);border-radius:var(--mp-r-md);color:var(--mp-text-1);font-family:var(--mp-font);font-size:var(--mp-fs-body);font-weight:var(--mp-fw-normal);padding:10px 14px;transition:border-color var(--mp-dur) var(--mp-ease),box-shadow var(--mp-dur) var(--mp-ease);width:100%}.mp-input::placeholder,.mp-textarea::placeholder{color:var(--mp-text-3)}.mp-input:focus,.mp-textarea:focus{border-color:var(--mp-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-green) 8%,#0000);outline:none}.mp-input:disabled,.mp-textarea:disabled{cursor:not-allowed;opacity:.5}.mp-textarea{line-height:var(--mp-lh-body);min-height:100px;resize:vertical}.mp-input--sm{font-size:var(--mp-fs-sm);padding:8px 12px}.mp-field{display:flex;flex-direction:column;gap:var(--mp-2)}.mp-field__label{color:var(--mp-text-2);font-size:var(--mp-fs-sm);font-weight:var(--mp-fw-medium)}.mp-field__hint{color:var(--mp-text-3);font-size:var(--mp-fs-xs)}.mp-field__error{color:var(--mp-red);font-size:var(--mp-fs-xs)}.mp-select{-webkit-appearance:none;appearance:none;background:var(--mp-bg-raised) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--mp-border);border-radius:var(--mp-r-md);color:var(--mp-text-1);cursor:pointer;font-family:var(--mp-font);font-size:var(--mp-fs-body);padding:10px 36px 10px 14px;transition:border-color var(--mp-dur) var(--mp-ease);width:100%}.mp-select:focus{border-color:var(--mp-border-focus);outline:none}.mp-toggle{background:var(--mp-bg-muted);border:none;border-radius:var(--mp-r-full);cursor:pointer;height:22px;padding:0;position:relative;transition:background var(--mp-dur) var(--mp-ease);width:40px}.mp-toggle:after{background:var(--mp-text-1);border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform var(--mp-dur) var(--mp-ease-spring);width:16px}.mp-toggle--on{background:var(--mp-green)}.mp-toggle--on:after{transform:translateX(18px)}.mp-badge{align-items:center;border-radius:var(--mp-r-full);display:inline-flex;font-size:var(--mp-fs-xs);font-weight:var(--mp-fw-semibold);gap:4px;letter-spacing:var(--mp-ls-wide);line-height:1;padding:3px 8px}.mp-badge--green{background:var(--mp-green-dim);color:var(--mp-green)}.mp-badge--purple{background:var(--mp-purple-dim);color:var(--mp-purple)}.mp-badge--red{background:color-mix(in srgb,var(--mp-red) 12%,#0000);color:var(--mp-red)}.mp-badge--amber{background:color-mix(in srgb,var(--mp-amber) 12%,#0000);color:var(--mp-amber)}.mp-badge--muted{background:var(--mp-bg-muted);color:var(--mp-text-3)}.mp-chip{align-items:center;background:var(--mp-bg-elevated);border:1px solid var(--mp-border);border-radius:var(--mp-r-full);color:var(--mp-text-2);cursor:pointer;display:inline-flex;font-size:var(--mp-fs-xs);font-weight:var(--mp-fw-medium);gap:6px;padding:5px 12px;transition:all var(--mp-dur) var(--mp-ease)}.mp-chip:hover{background:var(--mp-bg-muted);color:var(--mp-text-1)}.mp-chip--active{background:var(--mp-green-dim);border-color:color-mix(in srgb,var(--mp-green) 30%,#0000);color:var(--mp-green)}.mp-tabs{background:var(--mp-bg-raised);border:1px solid var(--mp-border-subtle);border-radius:var(--mp-r-md);display:flex;gap:var(--mp-1);padding:3px}.mp-tab{background:#0000;border:none;border-radius:var(--mp-r-sm);color:var(--mp-text-3);cursor:pointer;font-family:var(--mp-font);font-size:var(--mp-fs-sm);font-weight:var(--mp-fw-medium);padding:8px 16px;transition:all var(--mp-dur) var(--mp-ease)}.mp-tab:hover{background:var(--mp-bg-hover);color:var(--mp-text-2)}.mp-tab--active{background:var(--mp-bg-surface);box-shadow:var(--mp-shadow-xs);color:var(--mp-text-1)}.mp-alert{align-items:flex-start;border:1px solid;border-radius:var(--mp-r-md);display:flex;font-size:var(--mp-fs-sm);gap:var(--mp-3);line-height:var(--mp-lh-body);padding:var(--mp-4)}.mp-alert--info{background:var(--mp-blue-dim);border-color:var(--mp-blue-soft-border);color:var(--mp-blue)}.mp-alert--success{background:var(--mp-green-dim);border-color:var(--mp-green-soft-border);color:var(--mp-green)}.mp-alert--warning{background:var(--mp-amber-dim);border-color:var(--mp-amber-soft-border);color:var(--mp-amber)}.mp-alert--error{background:var(--mp-red-dim);border-color:var(--mp-red-soft-border);color:var(--mp-red)}.mp-alert svg{flex-shrink:0;height:18px;margin-top:1px;width:18px}.mp-progress{background:var(--mp-bg-muted);border-radius:var(--mp-r-full);height:4px;overflow:hidden;width:100%}.mp-progress__bar{background:linear-gradient(90deg,var(--mp-green),var(--mp-accent-grad-end));border-radius:var(--mp-r-full);height:100%;transition:width var(--mp-dur-slow) var(--mp-ease)}.mp-progress--lg{height:8px}.mp-skeleton{animation:mp-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--mp-bg-elevated) 25%,var(--mp-bg-muted) 50%,var(--mp-bg-elevated) 75%);background-size:200% 100%;border-radius:var(--mp-r-sm)}.mp-skeleton--text{height:14px;width:80%}.mp-skeleton--title{height:22px;width:60%}.mp-skeleton--circle{border-radius:50%}.mp-skeleton--card{border-radius:var(--mp-r-lg);height:180px}@keyframes mp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mp-modal-overlay{align-items:center;animation:mp-fade-in var(--mp-dur) var(--mp-ease);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--mp-overlay-modal);display:flex;inset:0;justify-content:center;padding:var(--mp-6);position:fixed;z-index:10000}.mp-modal{animation:mp-scale-in var(--mp-dur-slow) var(--mp-ease-spring);background:var(--mp-bg-surface);border:1px solid var(--mp-border);border-radius:var(--mp-r-xl);box-shadow:var(--mp-shadow-xl);max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.mp-modal__header{align-items:center;display:flex;justify-content:space-between;padding:var(--mp-6) var(--mp-6) var(--mp-4)}.mp-modal__title{color:var(--mp-text-1);font-size:var(--mp-fs-h2);font-weight:var(--mp-fw-semibold)}.mp-modal__close{background:none;border:none;border-radius:var(--mp-r-sm);color:var(--mp-text-3);cursor:pointer;display:flex;padding:6px;transition:all var(--mp-dur) var(--mp-ease)}.mp-modal__close:hover{background:var(--mp-bg-hover);color:var(--mp-text-1)}.mp-modal__body{padding:0 var(--mp-6) var(--mp-6)}.mp-modal__footer{border-top:1px solid var(--mp-border-subtle);display:flex;gap:var(--mp-3);justify-content:flex-end;padding:var(--mp-4) var(--mp-6) var(--mp-6)}.mp-tooltip{position:relative}.mp-tooltip:after{background:var(--mp-bg-surface);border:1px solid var(--mp-border);border-radius:var(--mp-r-sm);bottom:calc(100% + 8px);box-shadow:var(--mp-shadow-md);color:var(--mp-text-1);content:attr(data-tooltip);font-size:var(--mp-fs-xs);font-weight:var(--mp-fw-medium);left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.95);transition:all var(--mp-dur) var(--mp-ease);white-space:nowrap;z-index:300}.mp-tooltip:hover:after{opacity:1;transform:translateX(-50%) scale(1)}@keyframes mp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mp-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes mp-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-slide-in-right{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.mp-table-wrap{border:1px solid var(--mp-border);border-radius:var(--mp-r-lg);overflow-x:auto}.mp-table{border-collapse:collapse;font-size:var(--mp-fs-sm);width:100%}.mp-table th{background:var(--mp-bg-raised);border-bottom:1px solid var(--mp-border);color:var(--mp-text-3);font-size:var(--mp-fs-xs);font-weight:var(--mp-fw-semibold);letter-spacing:var(--mp-ls-caps);text-align:left;text-transform:uppercase}.mp-table td,.mp-table th{padding:var(--mp-3) var(--mp-4)}.mp-table td{border-bottom:1px solid var(--mp-border-subtle);color:var(--mp-text-2);vertical-align:middle}.mp-table tr:last-child td{border-bottom:none}.mp-table tr:hover td{background:var(--mp-bg-hover)}.mp-table td:first-child{color:var(--mp-text-1);font-weight:var(--mp-fw-medium)}.mp-list-item{align-items:center;border-radius:var(--mp-r-md);display:flex;gap:var(--mp-4);padding:var(--mp-4);transition:background var(--mp-dur) var(--mp-ease)}.mp-list-item:hover{background:var(--mp-bg-hover)}.mp-list-item__icon{align-items:center;background:var(--mp-bg-elevated);border-radius:var(--mp-r-md);color:var(--mp-text-3);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mp-list-item__body{flex:1 1;min-width:0}.mp-list-item__title{color:var(--mp-text-1);font-size:var(--mp-fs-sm);font-weight:var(--mp-fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-list-item__desc{color:var(--mp-text-3);font-size:var(--mp-fs-xs);margin-top:2px}.mp-list-item__actions{display:flex;flex-shrink:0;gap:var(--mp-2)}.mp-divider{background:var(--mp-border);border:none;height:1px;margin:var(--mp-4) 0}.mp-divider--subtle{background:var(--mp-border-subtle)}.mp-status{align-items:center;display:inline-flex;font-size:var(--mp-fs-xs);font-weight:var(--mp-fw-medium);gap:6px}.mp-status__dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.mp-status--online .mp-status__dot{background:var(--mp-green)}.mp-status--offline .mp-status__dot{background:var(--mp-text-3)}.mp-status--busy .mp-status__dot{background:var(--mp-red)}.mp-status--away .mp-status__dot{background:var(--mp-amber)}.mp-platform-icon{flex-shrink:0;height:20px;width:20px}.mp-platform-icon--instagram{color:var(--mp-purple)}.mp-platform-icon--facebook,.mp-platform-icon--linkedin,.mp-platform-icon--twitter{color:var(--mp-blue)}.mp-pagination{gap:var(--mp-2);padding:var(--mp-4) 0}.mp-pagination,.mp-pagination__btn{align-items:center;display:flex;justify-content:center}.mp-pagination__btn{background:#0000;border:1px solid var(--mp-border);border-radius:var(--mp-r-sm);color:var(--mp-text-3);cursor:pointer;font-family:var(--mp-font);font-size:var(--mp-fs-sm);font-weight:var(--mp-fw-medium);height:34px;min-width:34px;transition:all var(--mp-dur) var(--mp-ease)}.mp-pagination__btn:hover:not(:disabled){background:var(--mp-bg-hover);color:var(--mp-text-1)}.mp-pagination__btn.is-active{background:var(--mp-green);border-color:var(--mp-green);color:var(--mp-text-inv)}.mp-pagination__btn:disabled{cursor:not-allowed;opacity:.35}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--body-bg);color:var(--text-primary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.01em;line-height:1.6;margin:0;transition:background .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}body,html{scrollbar-color:var(--mp-green) var(--mp-bg-base);scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--mp-green),var(--mp-green-strong));border:2px solid var(--mp-bg-base);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--mp-green),var(--mp-accent-grad-end))}:root{--body-bg:var(--mp-bg-base);--dark-bg:var(--mp-bg-raised);--dark-surface:var(--mp-bg-elevated);--dark-lighter:var(--mp-bg-muted);--text-primary:var(--mp-text-1);--text-secondary:var(--mp-text-2);--text-muted:var(--mp-text-3);--purple:var(--mp-purple);--success:var(--mp-green);--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-card:16px;--radius-card-inner:12px;--radius-btn:12px;--radius-input:10px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--pad-card:24px;--pad-card-lg:32px;--pad-card-sm:20px;--pad-micro:8px;--card-shadow:var(--mp-shadow-md);--card-shadow-hover:var(--mp-shadow-lg);--surface-elevated:var(--mp-bg-surface);--transition-smooth:0.25s cubic-bezier(0.4,0,0.2,1);--font-page-title:40px;--font-card-title:18px;--font-subtext:14px;--font-meta:12px;--font-body:15px;--lh-tight:1.15;--lh-body:1.6;--lh-loose:1.75;--sds-space-1:8px;--sds-space-2:20px;--sds-space-3:32px;--sds-space-4:48px;--sds-space-5:64px;--sds-space-6:80px;--sds-layout-max:1380px;--sds-text-max:680px;--sds-radius-card:16px;--sds-h1-size:40px;--sds-h2-size:26px;--sds-h3-size:18px;--sds-body-size:15px;--sds-small-size:12px}.ds-page-container{display:flex;flex-direction:column;gap:80px;gap:var(--sds-space-6);margin:0 auto;max-width:1380px;max-width:var(--sds-layout-max);min-height:calc(100vh - 80px);padding:64px 48px 80px;padding:var(--sds-space-5) var(--sds-space-4) var(--sds-space-6);width:100%}.ds-page-header{display:flex;flex-direction:column;gap:8px;gap:var(--sds-space-1);padding-bottom:32px;padding-bottom:var(--sds-space-3)}.ds-page-title{color:var(--text-primary);font-size:40px;font-size:var(--font-page-title,40px);font-weight:700;letter-spacing:-.03em;line-height:1.15;line-height:var(--lh-tight,1.15);margin:0}.ds-page-subtitle{color:var(--text-secondary);font-size:15px;font-weight:400;line-height:1.7;margin:0;max-width:680px;max-width:var(--sds-text-max)}.ds-content-grid{grid-gap:64px;grid-gap:var(--sds-space-5);align-items:start;display:grid;gap:64px;gap:var(--sds-space-5);grid-template-columns:repeat(12,1fr)}.ds-primary-column{grid-column:span 8}.ds-primary-column,.ds-secondary-column{display:flex;flex-direction:column;gap:48px;gap:var(--sds-space-4)}.ds-secondary-column{grid-column:span 4}.ds-card{background:color-mix(in srgb,var(--mp-text-inv) 2.5%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:16px;border-radius:var(--radius-card,16px);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:20px;gap:var(--sds-space-2);padding:24px;padding:var(--pad-card,24px);transition:box-shadow var(--transition-smooth),border-color var(--transition-smooth),transform var(--transition-smooth)}.ds-card:hover{border-color:color-mix(in srgb,var(--mp-text-inv) 9%,#0000);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.ds-card-header{display:flex;flex-direction:column;gap:8px;gap:var(--sds-space-1)}.ds-card-title{color:var(--text-primary);font-size:18px;font-size:var(--font-card-title,18px);font-weight:600;letter-spacing:-.01em;margin:0}.ds-card-description{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.ds-card-body{display:flex;flex-direction:column;gap:20px;gap:var(--sds-space-2)}.ds-action-zone,.ds-card-footer{align-items:center;border-top:none;display:flex;gap:20px;gap:var(--sds-space-2);justify-content:flex-end;margin-top:auto;padding-top:8px;padding-top:var(--sds-space-1)}.ds-section-title{color:var(--text-primary);font-size:26px;font-size:var(--sds-h2-size);font-weight:600;letter-spacing:-.02em;margin:0}.ds-section-small{color:var(--text-muted);font-size:12px;font-size:var(--sds-small-size);margin:0}@media (max-width:1200px){.ds-page-container{padding:48px 20px 64px;padding:var(--sds-space-4) var(--sds-space-2) var(--sds-space-5)}.ds-primary-column,.ds-secondary-column{grid-column:span 12}}@media (max-width:768px){.ds-page-title{font-size:38px}.ds-section-title{font-size:24px}}.login-container{align-items:stretch;background:var(--dark);display:flex;justify-content:stretch;min-height:100vh;overflow-y:auto;padding:0;position:relative}.login-container:before{content:none}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-content{display:none}.login-shell{background:linear-gradient(135deg,var(--dark) 0,var(--mp-bg-surface) 50%,var(--dark) 100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:100vh;width:100%}.login-hero{align-items:center;background-image:url(https://images.unsplash.com/photo-1493612276216-ee3925520721?w=1600&auto=format&fit=crop&q=80&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fG1hcmtldGluZ3xlbnwwfHwwfHx8MA%3D%3D);background-position:50%;background-size:cover;display:flex;min-height:100vh;padding:48px;position:relative}.login-hero-overlay{background:linear-gradient(120deg,var(--mp-overlay-modal),var(--mp-bg-hover));inset:0;position:absolute}.login-hero-content{color:var(--text-primary);max-width:420px;position:relative;text-shadow:var(--mp-shadow-lg);z-index:1}.login-hero-tag{background:var(--mp-overlay-strong);border:1px solid var(--mp-border);border-radius:999px;display:inline-flex;font-size:12px;letter-spacing:.4px;margin-bottom:14px;padding:6px 12px;text-transform:uppercase}.login-hero-content h1{font-size:30px;letter-spacing:-.02em;line-height:1.12;margin:0 0 10px}.login-hero-content p{color:var(--mp-text-2);font-size:14.5px;line-height:1.7;margin:0}.login-panel{background:var(--dark);border-left:1px solid var(--mp-border-subtle);display:flex;flex-direction:column;justify-content:center;padding:48px}.login-form,.login-panel{max-height:none;overflow:visible}.login-form{flex:1 1;padding:0}.login-header{margin-bottom:24px;text-align:center}.login-form-surface{border:none;border-radius:0;display:flex;flex-direction:column;min-height:0;width:100%}.logo-icon{color:var(--green);filter:drop-shadow(var(--mp-shadow-glow))}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--green),var(--blue));-webkit-background-clip:text;background-clip:text;display:inline;font-size:34px;font-weight:700}.tagline{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-top:10px}.login-card{border-radius:20px;border-radius:var(--radius-lg,20px);padding:40px}.login-form-surface .login-card-header h2{color:var(--text-primary);font-size:34px;letter-spacing:-.025em;margin-bottom:18px}.login-form-surface .subtitle{margin-bottom:24px}.login-aside,.login-body,.login-primary{display:none}.login-card h2{color:var(--text-primary);font-size:24px;letter-spacing:-.02em;margin-bottom:8px}.subtitle{color:var(--text-muted);font-size:14.5px;line-height:1.7;margin-bottom:32px}.form-footer{font-size:14px;justify-content:space-between;margin-bottom:28px}.checkbox-label,.form-footer{align-items:center;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.forgot-password{background:none;border:none;color:var(--green);cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:var(--mp-green);text-decoration:underline}.btn-full{font-size:16px;justify-content:center;padding:16px}.divider{margin:28px 0;position:relative;text-align:center}.divider:before{background:var(--mp-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:var(--dark-surface);color:var(--text-muted);font-size:13px;padding:0 16px;position:relative}.social-login{display:flex;gap:14px;margin-bottom:28px}.btn-social{align-items:center;background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:14.5px;font-weight:500;gap:8px;justify-content:center;padding:13px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-social:hover{background:var(--mp-bg-hover);border-color:var(--mp-border-focus);transform:translateY(-1px)}.signup-link{color:var(--text-secondary);font-size:14px;text-align:center}.signup-link a{color:var(--green);font-weight:600;text-decoration:none}.signup-link a:hover{color:var(--primary-light);text-decoration:underline}.demo-credentials{background:linear-gradient(135deg,var(--mp-green-dim),var(--mp-blue-dim));border:1px solid var(--mp-green-soft-border);border-radius:12px;border-radius:var(--radius-md,12px);margin-top:24px;padding:18px;text-align:center}.demo-badge{background:var(--green);border-radius:6px;color:var(--dark);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:4px 12px}.demo-credentials p{color:var(--text-secondary);font-size:14px;margin:6px 0}.demo-credentials strong{color:var(--green);font-weight:600}.features{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}.feature-item{align-items:center;background:var(--mp-blue-dim);border:1px solid var(--mp-blue-soft-border);border-radius:8px;color:var(--text-secondary);font-size:13px;gap:8px;padding:12px 16px}@media (max-width:768px){.login-shell{grid-template-columns:1fr}.login-hero{display:none}.login-panel{padding:28px 22px 40px}.login-hero-content h1{font-size:26px}.login-card{padding:24px}.login-form{max-height:none}}@media (max-width:420px){.login-panel{padding:22px 16px 32px}.login-form{max-height:none}}input:disabled{cursor:not-allowed;opacity:.6}.login-container,.login-form,.login-panel{scrollbar-color:var(--mp-green) var(--mp-bg-base);scrollbar-width:thin}.login-container::-webkit-scrollbar,.login-form::-webkit-scrollbar,.login-panel::-webkit-scrollbar{width:10px}.login-container::-webkit-scrollbar-track,.login-form::-webkit-scrollbar-track,.login-panel::-webkit-scrollbar-track{background:var(--mp-bg-base);border-radius:999px}.login-container::-webkit-scrollbar-thumb,.login-form::-webkit-scrollbar-thumb,.login-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--mp-green),var(--mp-green-strong));border:2px solid var(--mp-bg-base);border-radius:999px}.login-container::-webkit-scrollbar-thumb:hover,.login-form::-webkit-scrollbar-thumb:hover,.login-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--mp-green),var(--mp-accent-grad-end))}.login-hero{padding:64px}.login-hero-content h1{font-size:clamp(2.2rem,4.2vw,3.4rem);letter-spacing:-.03em;line-height:1.06}.login-panel{padding:64px 56px}.login-header{margin-bottom:32px}.subtitle,.tagline{display:none}.login-card{background:var(--mp-bg-hover);border-radius:16px;border-radius:var(--radius-card,16px);padding:48px}.login-form-surface{background:#0000;padding:0}.login-card h2{font-size:34px;letter-spacing:-.025em;margin-bottom:18px}.login-form .input-group label svg{display:none}.login-alternatives{margin-top:28px}.form-footer{margin-bottom:36px}.social-login{margin-bottom:12px}@media (max-width:768px){.login-panel{padding:38px 22px 44px}.login-card{padding:30px}.login-card h2,.login-form-surface .login-card-header h2{font-size:32px}}.signup-container{align-items:stretch;background:var(--dark);display:flex;justify-content:stretch;min-height:100vh;overflow-y:auto;padding:0;position:relative}.signup-container:before{content:none}@keyframes rotateReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.signup-content{display:none}.signup-shell{background:linear-gradient(135deg,var(--dark) 0,var(--mp-bg-surface) 50%,var(--dark) 100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:100vh;width:100%}.signup-hero{align-items:center;background-image:url(https://images.unsplash.com/photo-1493612276216-ee3925520721?w=1600&auto=format&fit=crop&q=80&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fG1hcmtldGluZ3xlbnwwfHwwfHx8MA%3D%3D);background-position:50%;background-size:cover;display:flex;min-height:100vh;padding:48px;position:relative}.signup-hero-overlay{background:linear-gradient(120deg,var(--mp-overlay-modal),var(--mp-bg-hover));inset:0;position:absolute}.signup-hero-content{color:var(--text-primary);max-width:420px;position:relative;text-shadow:var(--mp-shadow-lg);z-index:1}.signup-hero-tag{background:var(--mp-overlay-strong);border:1px solid var(--mp-border);border-radius:999px;display:inline-flex;font-size:12px;letter-spacing:.4px;margin-bottom:14px;padding:6px 12px;text-transform:uppercase}.signup-hero-content h1{font-size:30px;letter-spacing:-.02em;line-height:1.12;margin:0 0 10px}.signup-hero-content p{color:var(--mp-text-2);font-size:14.5px;line-height:1.7;margin:0}.signup-panel{background:var(--dark);border-left:1px solid var(--mp-border-subtle);display:flex;flex-direction:column;justify-content:center;padding:48px}.signup-form,.signup-panel{max-height:none;overflow:visible}.signup-form{flex:1 1;padding:0}.signup-header{margin-bottom:28px;text-align:center}.signup-form-surface{border:none;border-radius:0;display:flex;flex-direction:column;min-height:0;width:100%}.logo-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.logo-image{filter:drop-shadow(var(--mp-shadow-glow));height:60px;width:auto}.signup-card{border-radius:20px;border-radius:var(--radius-lg,20px);padding:40px}.signup-form-surface .signup-card-header h2{color:var(--text-primary);font-size:34px;letter-spacing:-.025em;margin-bottom:18px}.signup-form-surface .subtitle{margin-bottom:24px}.signup-aside,.signup-body,.signup-primary{display:none}.signup-benefits{margin-top:28px}.signup-card h2{color:var(--text-primary);font-size:24px;letter-spacing:-.02em;margin-bottom:8px}.password-hints{color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:8px}.password-hints-title{color:var(--text-primary);font-weight:600}.password-hint{align-items:center;color:var(--text-secondary);display:inline-flex;gap:8px}.password-hint.ok{color:var(--text-primary)}.password-hint.pending{color:var(--text-secondary)}.hint-dot{align-items:center;background:#0000;border:2px solid var(--mp-border);border-radius:999px;color:#0000;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.password-hint.ok .hint-dot{background:var(--success-color);border-color:var(--success-color);color:var(--mp-text-inv)}.hint-text{line-height:1.4}.terms-label{align-items:flex-start;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;margin-bottom:28px}.terms-label input[type=checkbox]{cursor:pointer;margin-top:2px;width:auto}.terms-label a{color:var(--green);text-decoration:none}.terms-label a:hover{text-decoration:underline}.link-button{background:none;border:none;color:var(--green);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:44px;width:100%}.password-toggle{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--green)}.btn-full:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.social-signup{display:flex;margin-bottom:24px}.social-signup .btn-social{align-items:center;background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-primary);cursor:pointer;display:flex;font-size:14.5px;font-weight:500;gap:8px;justify-content:center;padding:13px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.social-signup .btn-social:hover{background:var(--mp-bg-hover);border-color:var(--mp-border-focus);transform:translateY(-1px)}.login-link{color:var(--text-secondary);font-size:14px;text-align:center}.login-link a{color:var(--primary-color);font-weight:600;text-decoration:none}.login-link a:hover{color:var(--primary-light);text-decoration:underline}.benefits{background:var(--mp-blue-dim);border:1px solid var(--mp-blue-soft-border);border-radius:12px;border-radius:var(--radius-md,12px);margin-top:0;padding:24px}.benefits h3{color:var(--text-primary);font-size:17px;margin-bottom:18px;text-align:center}.benefit-list{display:flex;flex-direction:column;gap:14px}.benefit-item{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;gap:14px}.check-icon{color:var(--success-color)}.signup-hero{padding:64px}.signup-hero-content h1{font-size:clamp(2.2rem,4.2vw,3.4rem);letter-spacing:-.03em;line-height:1.06}.signup-panel{padding:64px 56px}.signup-header{margin-bottom:32px}.benefits,.signup-benefits,.signup-card .subtitle,.signup-header .tagline{display:none}.signup-card{background:var(--mp-bg-hover);border-radius:16px;border-radius:var(--radius-card,16px);padding:48px}.signup-form-surface{background:#0000;padding:0}.signup-card h2{font-size:34px;letter-spacing:-.025em;margin-bottom:18px}.signup-form .input-group label svg{display:none}.mp-password-checklist{background:color-mix(in srgb,var(--mp-bg-surface) 75%,#0000);border:1px solid var(--mp-border-subtle);border-radius:12px;margin-top:10px;padding:12px}.mp-password-checklist__header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.mp-password-checklist__title{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.02em}.mp-password-strength-badge{align-items:center;background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:700;justify-content:center;padding:4px 10px}.mp-password-strength-badge.is-strong{background:color-mix(in srgb,var(--success-color) 16%,#0000);border-color:color-mix(in srgb,var(--success-color) 55%,#0000);color:var(--success-color)}.mp-password-strength-badge.is-weak{background:var(--mp-bg-base);border-color:var(--mp-border);color:var(--text-secondary)}.mp-password-checklist__list{grid-gap:8px;display:grid;gap:8px}.mp-password-check{align-items:center;display:inline-flex;font-size:12px;gap:8px;line-height:1.4}.mp-password-check svg{flex-shrink:0}.mp-password-check.is-valid{color:var(--success-color)}.mp-password-check.is-pending{color:var(--text-secondary)}.signup-alternatives{margin-top:28px}.auth-alt-title{color:var(--text-secondary);font-size:12px;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}@media (max-width:768px){.signup-panel{padding:38px 22px 44px}.signup-card{padding:30px}.signup-card h2,.signup-form-surface .signup-card-header h2{font-size:32px}.mp-password-checklist{padding:10px}.signup-shell{grid-template-columns:1fr}.signup-hero{display:none}.signup-panel{padding:28px 22px 40px}.signup-hero-content h1{font-size:26px}.signup-card{padding:28px}.mp-password-checklist__header{align-items:flex-start;flex-direction:column}.mp-password-checklist__list{grid-template-columns:minmax(0,1fr)}.benefits{padding:22px}.signup-benefits{display:none}.signup-form{max-height:none}}@media (max-width:420px){.signup-panel{padding:22px 16px 32px}.signup-form{max-height:none}}.error-message{background:var(--mp-red-dim);border:1px solid var(--mp-red-soft-border);border-radius:8px;color:var(--mp-red);font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.btn:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6}.signup-container,.signup-form,.signup-panel{scrollbar-color:var(--mp-green) var(--mp-bg-base);scrollbar-width:thin}.signup-container::-webkit-scrollbar,.signup-form::-webkit-scrollbar,.signup-panel::-webkit-scrollbar{width:10px}.signup-container::-webkit-scrollbar-track,.signup-form::-webkit-scrollbar-track,.signup-panel::-webkit-scrollbar-track{background:var(--mp-bg-base);border-radius:999px}.signup-container::-webkit-scrollbar-thumb,.signup-form::-webkit-scrollbar-thumb,.signup-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--mp-green),var(--mp-green-strong));border:2px solid var(--mp-bg-base);border-radius:999px}.signup-container::-webkit-scrollbar-thumb:hover,.signup-form::-webkit-scrollbar-thumb:hover,.signup-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--mp-green),var(--mp-accent-grad-end))}.mp-sidebar{background:var(--mp-bg-surface);border-right:1px solid var(--mp-border);box-shadow:var(--mp-shadow-sm);display:flex;flex-direction:column;font-family:var(--mp-font);height:100vh;left:0;padding:16px 14px;position:fixed;top:0;transition:transform var(--mp-dur-slow) var(--mp-ease);width:var(--mp-sidebar-w);z-index:100}.mp-sidebar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mp-sidebar__mobile-close{align-items:center;background:#0000;border:0;border-radius:var(--mp-r-sm);color:var(--mp-text-2);cursor:pointer;display:none;height:32px;justify-content:center;width:32px}.mp-sidebar__mobile-close:hover{background:var(--mp-bg-hover);color:var(--mp-text-1)}.mp-sidebar__mobile-close-icon{height:18px;width:18px}.mp-sidebar-brand{align-items:center;display:flex;min-height:32px}.mp-sidebar-brand__logo-image{display:block;height:auto;max-width:100%;object-fit:contain;width:168px}.mp-sidebar-brand__logo-image--light,[data-theme=light] .mp-sidebar-brand__logo-image--dark{display:none}[data-theme=light] .mp-sidebar-brand__logo-image--light{display:block}.mp-sidebar__nav{flex:1 1;overflow-y:auto;padding-right:6px}.mp-sidebar__nav::-webkit-scrollbar{width:4px}.mp-sidebar__nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--mp-text-inv) 10%,#0000);border-radius:999px}.mp-sidebar-section{margin-bottom:20px}.mp-sidebar-section__title{color:var(--mp-text-3);font-size:12px;font-weight:700;margin:0 0 10px}.mp-sidebar-section__items{grid-gap:4px;display:grid;gap:4px}.mp-sidebar-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--mp-text-1);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;height:40px;padding:0 10px;transition:background var(--mp-dur-fast) var(--mp-ease);width:100%}.mp-sidebar-item:hover{background:var(--mp-bg-hover)}.mp-sidebar-item.is-active{background:color-mix(in srgb,var(--mp-text-inv) 9%,#0000)}.mp-sidebar-item.is-danger{color:var(--mp-red)}.mp-sidebar-item svg{flex-shrink:0}.mp-sidebar-item__icon{height:18px;width:18px}.mp-sidebar__footer{grid-gap:12px;border-top:1px solid var(--mp-border-subtle);display:grid;gap:12px;padding-top:14px}.mp-sidebar-energy{background:color-mix(in srgb,var(--mp-green) 10%,#0000);border:1px solid color-mix(in srgb,var(--mp-green) 30%,#0000);border-radius:10px;padding:10px}.mp-sidebar-energy__title{color:var(--mp-text-2);font-size:12px;font-weight:600;margin:0 0 6px}.mp-sidebar-energy__row{align-items:baseline;display:flex;gap:4px;margin-bottom:8px}.mp-sidebar-energy__row strong{color:var(--mp-text-1);font-size:18px}.mp-sidebar-energy__row span{color:var(--mp-text-2);font-size:12px}.mp-sidebar-energy__bar{background:color-mix(in srgb,var(--mp-black) 20%,#0000);border:none;border-radius:999px;height:6px;overflow:hidden;width:100%}.mp-sidebar-energy__bar::-webkit-progress-bar{background:color-mix(in srgb,var(--mp-black) 20%,#0000);border-radius:999px}.mp-sidebar-energy__bar::-webkit-progress-value{background:linear-gradient(90deg,var(--mp-green),var(--mp-accent-grad-end));border-radius:999px}.mp-sidebar-energy__bar::-moz-progress-bar{background:linear-gradient(90deg,var(--mp-green),var(--mp-accent-grad-end));border-radius:999px}.mp-sidebar-promo{background:color-mix(in srgb,var(--mp-purple) 18%,#0000);border:1px solid color-mix(in srgb,var(--mp-purple) 30%,#0000);border-radius:12px;padding:10px}.mp-sidebar-promo__text{color:var(--mp-text-1);font-size:13px;font-weight:700;line-height:1.25;margin:0 0 8px}.mp-sidebar-promo__cta{background:color-mix(in srgb,var(--mp-text-inv) 90%,#0000);border:none;border-radius:9px;color:var(--mp-bg-base);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:9px 10px;width:100%}.mp-sidebar__footer-actions{grid-gap:4px;display:grid;gap:4px}.mp-app-shell{background-color:var(--dark);display:flex;min-height:100vh}.mp-app-shell__sidebar-spacer{flex-shrink:0;width:var(--mp-sidebar-w)}.mp-shell-backdrop{border:0;display:none}.mp-app-main{background:var(--dark);display:flex;flex:1 1;flex-direction:column;min-width:0}.mp-app-header{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none;display:flex;height:72px;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:90}.mp-main-canvas{flex:1 1;overflow-y:auto;padding:0}.mp-page-title{color:var(--white);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.mp-page-subtitle{color:var(--gray);font-size:1rem;margin-bottom:32px;max-width:600px}.mp-kanban-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.admin-layout{grid-gap:24px;grid-gap:var(--pad-card,24px);display:grid;gap:24px;gap:var(--pad-card,24px);grid-template-columns:240px 1fr;min-height:100vh;padding:32px;padding:var(--pad-card-lg,32px)}.admin-sidebar{display:flex;flex-direction:column;gap:16px;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:32px;top:var(--pad-card-lg,32px)}.admin-sidebar h2{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15;line-height:var(--lh-tight,1.15)}.admin-sidebar nav{display:flex;flex-direction:column;gap:8px}.admin-nav-btn{align-items:center;background:color-mix(in srgb,var(--mp-text-inv) 2%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 5%,#0000);border-radius:10px;border-radius:var(--radius-input,10px);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-size:var(--font-meta,12px);gap:0;letter-spacing:.07em;padding:10px 14px;text-transform:uppercase;transition:all var(--transition-smooth)}.admin-nav-btn svg{display:none}.admin-nav-btn.active{background:color-mix(in srgb,var(--mp-green) 6%,#0000);border-color:var(--green);color:var(--text-primary)}.admin-main{gap:24px;gap:var(--pad-card,24px);max-width:920px}.admin-main,.admin-section{display:flex;flex-direction:column}.admin-section{gap:20px}.admin-section h1{font-size:clamp(1.6rem,3.5vw,40px);font-size:clamp(1.6rem,3.5vw,var(--font-page-title,40px));font-weight:700;letter-spacing:-.02em;line-height:1.15;line-height:var(--lh-tight,1.15)}.admin-section p{color:var(--text-secondary);font-size:14px;font-size:var(--font-subtext,14px);line-height:1.6;line-height:var(--lh-body,1.6)}.admin-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-kpis{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.admin-kpis .card{border-radius:16px;border-radius:var(--radius-card,16px);display:flex;flex-direction:column;gap:6px;padding:20px;padding:var(--pad-card-sm,20px)}.admin-kpis strong{font-size:32px;letter-spacing:-.02em}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);font-size:14px;font-size:var(--font-subtext,14px);padding:12px;text-align:left}.admin-pagination{align-items:center;display:flex;justify-content:space-between}.admin-prompt-item{margin-bottom:10px}.admin-inline-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-list-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:44px}.admin-login-card{background:color-mix(in srgb,var(--mp-text-inv) 2%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 5%,#0000);border-radius:16px;border-radius:var(--radius-card,16px);max-width:520px;padding:32px;padding:var(--pad-card-lg,32px);width:100%}.admin-login-card p{color:var(--text-secondary);font-size:14px;font-size:var(--font-subtext,14px);line-height:1.6;line-height:var(--lh-body,1.6);max-width:46ch}.admin-form .input-group label svg{display:none}.admin-form{margin-top:14px}.admin-error{background:color-mix(in srgb,var(--mp-red) 5%,#0000);border:1px solid color-mix(in srgb,var(--mp-red) 25%,#0000);border-radius:10px;border-radius:var(--radius-input,10px);color:var(--mp-red);font-size:14px;font-size:var(--font-subtext,14px);margin-bottom:10px;margin-top:10px;padding:10px}@media (max-width:980px){.admin-layout{grid-template-columns:1fr;padding:24px 16px;padding:var(--pad-card,24px) 16px}.admin-sidebar{position:static}.admin-inline-fields,.admin-kpis{grid-template-columns:1fr}}.hourglass-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:color-mix(in srgb,var(--mp-bg-base) 55%,#0000);display:flex;flex-direction:column;gap:18px;inset:0;justify-content:center;position:fixed;z-index:9999}.hourglass-overlay .hourglass-message{color:var(--mp-text-2);color:var(--text-secondary,var(--mp-text-2));font-size:14px;font-weight:500;letter-spacing:.3px;margin:0;opacity:.9}.hourglass-inline{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:32px 0}.hourglass-inline .hourglass-message{color:var(--mp-text-2);color:var(--text-secondary,var(--mp-text-2));font-size:13px;font-weight:500;margin:0}.hourglass-btn{align-items:center;display:inline-flex}.hourglass-btn .hourglassBackground{height:24px;margin:0;width:24px}.hourglass-btn .hourglassContainer{height:14px;left:7px;top:5px;width:10px}.hourglass-btn .hourglassGlassTop{height:9px;left:.5px;top:-3px;width:9px}.hourglass-btn .hourglassGlass{height:2px;left:3.5px;top:6px;width:3px}.hourglass-btn .hourglassGlass:after,.hourglass-btn .hourglassGlass:before{height:6px;left:-3px;width:9px}.hourglass-btn .hourglassGlass:before{border-radius:0 0 5px 5px;top:-6px}.hourglass-btn .hourglassGlass:after{border-radius:5px 5px 0 0;bottom:-6px}.hourglass-btn .hourglassCurves:after,.hourglass-btn .hourglassCurves:before{height:1.5px;top:6px;width:1.5px}.hourglass-btn .hourglassCurves:before{left:3px}.hourglass-btn .hourglassCurves:after{left:5.5px}.hourglass-btn .hourglassSandStream:before{left:4.5px;width:1px}.hourglass-btn .hourglassSandStream:after{border-bottom:1.5px solid var(--green,var(--mp-green));border-left:1.5px solid #0000;border-right:1.5px solid #0000;left:3.5px;top:7px}.hourglass-btn .hourglassSand:before{border-radius:1px 1px 5px 5px;left:1px;top:2px;width:8px}.hourglass-btn .hourglassSand:after{border-radius:5px 5px 1px 1px;left:1px;width:8px}.hourglass-btn .hourglassCapTop:before{top:-5px}.hourglass-btn .hourglassCapTop:after{top:-4px}.hourglass-btn .hourglassCapBottom:before{bottom:-5px}.hourglass-btn .hourglassCapBottom:after{bottom:-4px}.hourglassBackground{background:linear-gradient(135deg,var(--mp-bg-elevated),var(--mp-bg-surface));background:linear-gradient(135deg,var(--dark-surface,var(--mp-bg-elevated)),var(--dark-card,var(--mp-bg-surface)));border:1px solid color-mix(in srgb,var(--mp-purple) 20%,#0000);border-radius:50%;box-shadow:0 0 30px color-mix(in srgb,var(--mp-purple) 15%,#0000),0 0 60px color-mix(in srgb,var(--mp-green) 8%,#0000);height:100px;margin:0 auto;position:relative;width:100px}.hourglassContainer{animation:hourglassRotate 2s ease-in 0s infinite;height:56px;left:30px;perspective:1000px;position:absolute;top:22px;width:40px}.hourglassContainer,.hourglassContainer div,.hourglassContainer div:after,.hourglassContainer div:before{transform-style:preserve-3d}@keyframes hourglassRotate{0%{transform:rotateX(0deg)}50%{transform:rotateX(180deg)}to{transform:rotateX(180deg)}}.hourglassCapTop{top:0}.hourglassCapTop:before{top:-20px}.hourglassCapTop:after{top:-16px}.hourglassCapBottom{bottom:0}.hourglassCapBottom:before{bottom:-20px}.hourglassCapBottom:after{bottom:-16px}.hourglassGlassTop{background-color:color-mix(in srgb,var(--mp-purple) 35%,#0000);border-radius:50%;height:36px;left:2px;position:absolute;top:-13px;transform:rotateX(90deg);width:36px}.hourglassGlass{height:5px;left:16px;opacity:.5;perspective:100px;top:26px;width:8px}.hourglassGlass,.hourglassGlass:after,.hourglassGlass:before{background-color:color-mix(in srgb,var(--mp-purple) 25%,#0000);position:absolute}.hourglassGlass:after,.hourglassGlass:before{content:"";display:block;height:22px;left:-14px;width:36px}.hourglassGlass:before{border-radius:0 0 20px 20px;top:-22px}.hourglassGlass:after{border-radius:20px 20px 0 0;bottom:-22px}.hourglassCurves:after,.hourglassCurves:before{animation:hideCurves 2s ease-in 0s infinite;background-color:var(--mp-bg-surface);background-color:var(--dark-card,var(--mp-bg-surface));border-radius:50%;content:"";display:block;height:5px;position:absolute;top:26px;width:5px}.hourglassCurves:before{left:12px}.hourglassCurves:after{left:23px}@keyframes hideCurves{0%{opacity:1}25%{opacity:0}30%{opacity:0}40%{opacity:1}to{opacity:1}}.hourglassSandStream:before{animation:sandStream1 2s ease-in 0s infinite;background-color:var(--mp-green);background-color:var(--green,var(--mp-green));content:"";display:block;left:19px;position:absolute;width:2px}.hourglassSandStream:after{animation:sandStream2 2s ease-in 0s infinite;border-bottom:5px solid var(--green,var(--mp-green));border-left:5px solid #0000;border-right:5px solid #0000;content:"";display:block;left:15px;position:absolute;top:29px}@keyframes sandStream1{0%{height:0;top:28px}50%{height:0;top:36px}60%{height:28px;top:6px}85%{height:28px;top:6px}to{height:0;top:6px}}@keyframes sandStream2{0%{opacity:0}50%{opacity:0}51%{opacity:1}90%{opacity:1}91%{opacity:0}to{opacity:0}}.hourglassSand:after,.hourglassSand:before{background-color:var(--mp-green);background-color:var(--green,var(--mp-green));content:"";display:block;left:5px;perspective:500px;position:absolute}.hourglassSand:before{animation:sandFillup 2s ease-in 0s infinite;border-radius:2px 2px 24px 24px;top:6px;width:31px}.hourglassSand:after{animation:sandDeplete 2s ease-in 0s infinite;border-radius:24px 24px 2px 2px}@keyframes sandFillup{0%{height:0;opacity:0}60%{height:0;opacity:1}to{height:14px;opacity:1}}@keyframes sandDeplete{0%{height:14px;left:5px;opacity:0;top:36px;width:30px}1%{height:14px;left:5px;opacity:1;top:36px;width:30px}24%{height:14px;left:5px;opacity:1;top:36px;width:30px}25%{height:14px;left:5px;opacity:1;top:33px;width:30px}50%{height:14px;left:5px;opacity:1;top:33px;width:30px}90%{height:0;left:16px;opacity:1;top:33px;width:8px}}.tutorial-hint{align-items:center;display:inline-flex;margin-left:6px;position:relative}.tutorial-hint-icon{border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:default;display:inline-block;font-size:12px;font-weight:700;height:18px;line-height:18px;text-align:center;width:18px}.tutorial-hint-tooltip{background:color-mix(in srgb,var(--mp-bg-surface) 97%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 5%,#0000);border-radius:10px;border-radius:var(--radius-input,10px);box-shadow:0 10px 24px color-mix(in srgb,var(--mp-black) 35%,#0000);color:var(--text-primary);font-size:13px;line-height:1.55;max-width:300px;min-width:220px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease;visibility:hidden;z-index:9999}.tutorial-hint:hover .tutorial-hint-tooltip{opacity:1;transform:translateY(0);visibility:visible}.tutorial-hint-top .tutorial-hint-tooltip{bottom:100%;left:50%;transform:translate(-50%,-6px)}.tutorial-hint-top:hover .tutorial-hint-tooltip{transform:translate(-50%)}.tutorial-hint-right .tutorial-hint-tooltip{left:100%;margin-left:8px;top:50%;transform:translate(6px,-50%)}.tutorial-hint-right:hover .tutorial-hint-tooltip{transform:translateY(-50%)}.tutorial-hint-bottom .tutorial-hint-tooltip{left:50%;margin-top:8px;top:100%;transform:translate(-50%,6px)}.tutorial-hint-bottom:hover .tutorial-hint-tooltip{transform:translate(-50%)}.tutorial-hint-left .tutorial-hint-tooltip{margin-right:8px;right:100%;top:50%;transform:translate(-6px,-50%)}.tutorial-hint-left:hover .tutorial-hint-tooltip{transform:translateY(-50%)}.floating-chat-button{align-items:center;animation:pulse 2.4s infinite;background:linear-gradient(135deg,var(--green),var(--blue));border:none;border-radius:50%;bottom:20px;box-shadow:0 8px 24px color-mix(in srgb,var(--mp-green) 40%,#0000);color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:9998}.floating-chat-button:hover{box-shadow:0 12px 32px color-mix(in srgb,var(--mp-green) 60%,#0000);transform:scale(1.1)}.floating-chat-button.hidden{opacity:0;pointer-events:none;transform:scale(0)}.chat-badge{background:var(--pink);border:2px solid var(--dark);border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-4px;top:-4px}.chat-bot-icon{height:32px;width:32px}.chat-avatar-icon{height:24px;width:24px}@keyframes pulse{0%,to{box-shadow:0 8px 24px color-mix(in srgb,var(--mp-green) 40%,#0000)}50%{box-shadow:0 8px 24px color-mix(in srgb,var(--mp-green) 60%,#0000),0 0 0 8px color-mix(in srgb,var(--mp-green) 10%,#0000)}}.floating-chat-window{animation:slideInUp .3s ease;background:color-mix(in srgb,var(--mp-bg-surface) 98%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 5%,#0000);border-radius:16px;border-radius:var(--radius-card,16px);bottom:20px;box-shadow:0 20px 48px color-mix(in srgb,var(--mp-black) 45%,#0000),0 0 0 1px color-mix(in srgb,var(--mp-text-inv) 3%,#0000);display:flex;flex-direction:column;height:560px;position:fixed;right:20px;width:380px;z-index:9999}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:color-mix(in srgb,var(--mp-green) 4%,#0000);border-bottom:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:20px 20px 0 0;border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;justify-content:space-between;padding:16px 20px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-avatar{align-items:center;background:linear-gradient(135deg,var(--green),var(--blue));border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.chat-header-info h4{color:var(--text-primary);font-size:15px;margin:0}.chat-status{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin:2px 0 0}.status-dot{animation:pulse-dot 2s infinite;background:var(--green)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chat-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.chat-close-btn:hover{background:var(--dark);color:var(--text-primary)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:22px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--green)}.chat-message{animation:fadeIn .3s ease;display:flex;gap:8px}.chat-message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,var(--green),var(--blue));border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.message-content{border-radius:12px;border-radius:var(--radius-md,12px);font-size:14px;line-height:1.55;max-width:75%;padding:12px 16px}.chat-message.assistant .message-content{background:color-mix(in srgb,var(--mp-text-inv) 4%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);color:var(--text-primary)}.chat-message.user .message-content{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff}.chat-message.action .message-content{background:color-mix(in srgb,var(--mp-green) 10%,#0000);border:1px solid var(--green);color:var(--text-primary)}.message-content p{margin:0;white-space:pre-wrap}.action-button{align-items:center;background:var(--green);border:none;border-radius:8px;color:var(--dark);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-top:12px;padding:10px 16px;transition:all .3s ease}.action-button:hover{background:var(--blue);color:#fff;transform:translateX(4px)}.message-content.typing{display:flex;gap:4px;padding:16px}.message-content.typing span{animation:typing 1.4s infinite;background:var(--green);border-radius:50%;height:8px;width:8px}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-input-container{align-items:flex-end;background:color-mix(in srgb,var(--mp-bg-base) 80%,#0000);border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-xl,20px) var(--radius-xl,20px);border-top:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);display:flex;gap:8px;padding:14px 18px}.chat-input{background:color-mix(in srgb,var(--mp-text-inv) 4%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 5%,#0000);border-radius:10px;border-radius:var(--radius-input,10px);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13.5px;max-height:100px;padding:10px 12px;resize:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.chat-input:focus{border-color:var(--green);outline:none}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{align-items:center;background:linear-gradient(135deg,var(--green),var(--blue));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--mp-green) 40%,#0000);transform:scale(1.05)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.floating-chat-window{bottom:16px;height:calc(100vh - 100px);right:16px;width:calc(100vw - 32px)}.floating-chat-button{bottom:16px;height:56px;right:16px;width:56px}}.mp-search{align-items:center;display:flex;line-height:28px;max-width:320px;position:relative;width:100%}.mp-search__input{background-color:var(--mp-bg-surface);background-color:var(--mp-bg-surface,var(--mp-bg-surface));border:0;border-radius:10px;border-radius:var(--mp-radius-md,10px);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--mp-text-inv) 8%,#0000),0 0 20px -14px color-mix(in srgb,var(--mp-black) 50%,#0000);box-shadow:0 0 0 1.5px var(--mp-border,color-mix(in srgb,var(--mp-text-inv) 8%,#0000)),0 0 20px -14px color-mix(in srgb,var(--mp-black) 50%,#0000);color:var(--mp-text-1);color:var(--mp-text,var(--mp-text-1));cursor:text;font-family:Inter,Montserrat,sans-serif;font-size:14px;font-size:var(--mp-fs-sm,14px);height:42px;outline:none;padding-left:2.5rem;padding-right:1rem;transition:all .25s cubic-bezier(.19,1,.22,1);width:100%;z-index:0}.mp-search__input::placeholder{color:var(--mp-text-3);color:var(--mp-text-muted,var(--mp-text-3))}.mp-search__input:hover{box-shadow:0 0 0 2px var(--mp-green)33,0 0 20px -10px color-mix(in srgb,var(--mp-green) 15%,#0000);box-shadow:0 0 0 2px var(--mp-green,var(--mp-green))33,0 0 20px -10px color-mix(in srgb,var(--mp-green) 15%,#0000)}.mp-search__input:active{transform:scale(.98)}.mp-search__input:focus{background-color:var(--mp-bg-deep);background-color:var(--mp-bg-deep,var(--mp-bg-deep));box-shadow:0 0 0 2px var(--mp-green)55,0 0 24px -8px color-mix(in srgb,var(--mp-green) 20%,#0000);box-shadow:0 0 0 2px var(--mp-green,var(--mp-green))55,0 0 24px -8px color-mix(in srgb,var(--mp-green) 20%,#0000)}.mp-search__input::-webkit-search-cancel-button,.mp-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.mp-search__icon{fill:var(--mp-text-3);fill:var(--mp-text-muted,var(--mp-text-3));height:1rem;left:.85rem;pointer-events:none;position:absolute;transition:fill .25s ease;width:1rem;z-index:1}.mp-search:focus-within .mp-search__icon{fill:var(--mp-green);fill:var(--mp-green,var(--mp-green))}@media (max-width:768px){.mp-search{max-width:100%}}.mp-tooltip-layer{inset:0;pointer-events:none;position:fixed}.mp-tooltip-layer--default{z-index:2200}.mp-tooltip{align-items:flex-start;animation:mp-tooltip-fade-in var(--mp-dur) var(--mp-ease) forwards;background:var(--mp-bg-raised);border:1px solid var(--mp-border);border-radius:var(--mp-r-sm);box-shadow:var(--mp-shadow-md);color:var(--mp-text-1);display:inline-flex;font-size:var(--mp-fs-sm);gap:var(--mp-2);line-height:var(--mp-lh-body);max-width:320px;opacity:0;padding:var(--mp-2) var(--mp-3);position:fixed;transform:translate(-50%,calc(-100% - 10px))}.mp-tooltip.is-bottom{transform:translate(-50%,10px)}.mp-tooltip__icon{color:var(--mp-green);color:var(--mp-accent-primary,var(--mp-green));font-size:var(--mp-fs-sm);line-height:1;margin-top:2px}.mp-tooltip__text{color:inherit}.mp-tooltip--info{border-color:var(--mp-blue-soft-border)}.mp-tooltip--warning{border-color:var(--mp-amber-soft-border)}.mp-tooltip--tip{border-color:var(--mp-green-soft-border)}.mp-tooltip--warning .mp-tooltip__icon{color:var(--mp-warning)}.mp-tooltip--tip .mp-tooltip__icon{color:var(--mp-green)}.mp-tooltip-anchor{display:inline-flex;max-width:100%}.mp-tooltip-anchor.is-block{display:block;width:100%}@keyframes mp-tooltip-fade-in{0%{filter:blur(2px);opacity:0}to{filter:blur(0);opacity:1}}.mp-topbar{backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);background:var(--mp-overlay-modal);border-bottom:1px solid var(--mp-border);min-width:0;padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}[data-theme=light] .mp-topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--mp-bg-surface)}.mp-topbar__inner{align-items:center;background:#0000;display:flex;gap:16px;justify-content:space-between;margin:0;min-height:60px;min-height:var(--mp-topbar-h,60px);padding:0 24px;width:100%}.mp-topbar__search{flex:1 1;max-width:520px;position:relative}.mp-topbar__actions{align-items:center;display:flex;gap:8px;gap:var(--mp-space-2,8px)}.mp-topbar__action-wrapper{position:relative}.mp-topbar__icon-btn{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--mp-radius-md,10px);color:var(--mp-text-2);cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:all .2s ease;width:38px}.mp-topbar__icon-btn:hover{background:var(--mp-bg-hover);color:var(--mp-text-1)}.mp-topbar__menu-btn{display:none}.mp-topbar__theme-btn{color:var(--mp-warning)}[data-theme=light] .mp-topbar__theme-btn{color:var(--mp-blue-deep)}.mp-topbar__badge{align-items:center;background:var(--mp-danger);border-radius:999px;color:var(--mp-text-inv);display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.mp-topbar__user-btn{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--mp-radius-md,10px);color:var(--mp-text-1);cursor:pointer;display:flex;gap:8px;gap:var(--mp-space-2,8px);padding:4px 10px 4px 4px;transition:background .2s ease}.mp-topbar__user-btn:hover{background:var(--mp-bg-hover)}.mp-topbar__user-name{font-size:14px;font-size:var(--mp-fs-sm,14px);font-weight:500;white-space:nowrap}.mp-topbar__chevron{transition:transform .2s ease}.mp-topbar__chevron.is-open{transform:rotate(180deg)}.mp-topbar__dropdown{animation:mp-topbar-drop .18s ease-out;background:var(--mp-bg-surface);border:1px solid var(--mp-border);border-radius:14px;border-radius:var(--mp-radius-lg,14px);box-shadow:var(--mp-shadow-lg);min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px)}@keyframes mp-topbar-drop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mp-topbar__dropdown--search{left:0;max-height:400px;max-width:420px;overflow-y:auto;right:auto;width:100%}.mp-topbar__dropdown-header{align-items:center;border-bottom:1px solid var(--mp-border);display:flex;justify-content:space-between;letter-spacing:.04em;padding:12px 16px;padding:var(--mp-space-3,12px) var(--mp-space-4,16px);text-transform:uppercase}.mp-topbar__dropdown-header,.mp-topbar__dropdown-label{color:var(--mp-text-3);font-size:12px;font-size:var(--mp-fs-xs,12px);font-weight:600}.mp-topbar__dropdown-label{margin:0;padding:8px 16px 4px;padding:var(--mp-space-2,8px) var(--mp-space-4,16px) var(--mp-space-1,4px)}.mp-topbar__dropdown-group+.mp-topbar__dropdown-group{border-top:1px solid var(--mp-border)}.mp-topbar__dropdown-item{cursor:pointer;display:block;padding:8px 16px;padding:var(--mp-space-2,8px) var(--mp-space-4,16px);transition:background .15s ease}.mp-topbar__dropdown-item:hover{background:var(--mp-bg-hover)}.mp-topbar__dropdown-item h5{color:var(--mp-text-1);font-size:14px;font-size:var(--mp-fs-sm,14px);font-weight:500;margin:0 0 2px}.mp-topbar__dropdown-item p{color:var(--mp-text-3);font-size:12px;font-size:var(--mp-fs-xs,12px);line-height:1.4;margin:0}.mp-topbar__icon-svg{height:20px;width:20px}.mp-topbar__empty-icon{height:40px;width:40px}.mp-topbar__tag{color:var(--mp-green);font-weight:500}.mp-topbar__tag--blue{color:var(--mp-info)}.mp-topbar__dropdown-empty{align-items:center;color:var(--mp-text-3);display:flex;flex-direction:column;font-size:14px;font-size:var(--mp-fs-sm,14px);gap:8px;gap:var(--mp-space-2,8px);padding:24px;padding:var(--mp-space-6,24px);text-align:center}.mp-topbar__dropdown-empty svg{opacity:.3}.mp-topbar__dropdown--notifications{width:360px}.mp-topbar__dropdown-body{max-height:340px;overflow-y:auto}.mp-topbar__link-btn{background:none;border:0;color:var(--mp-green);cursor:pointer;font-size:12px;font-size:var(--mp-fs-xs,12px);font-weight:500;padding:0;transition:opacity .15s}.mp-topbar__link-btn:hover{opacity:.8}.mp-topbar__notif-icon-svg{height:14px;width:14px}.mp-topbar__menu-icon{height:18px;width:18px}.mp-topbar__notif{align-items:flex-start;cursor:pointer;display:flex;gap:12px;gap:var(--mp-space-3,12px);padding:12px 16px;padding:var(--mp-space-3,12px) var(--mp-space-4,16px);transition:background .15s ease}.mp-topbar__notif:hover{background:var(--mp-bg-hover)}.mp-topbar__notif.is-unread{background:var(--mp-green-dim)}.mp-topbar__notif-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.mp-topbar__notif-icon--success{background:var(--mp-green-dim);color:var(--mp-green)}.mp-topbar__notif-icon--energy{background:var(--mp-amber-dim);color:var(--mp-warning)}.mp-topbar__notif-icon--info{background:var(--mp-blue-dim);color:var(--mp-info)}.mp-topbar__notif-body{flex:1 1;min-width:0}.mp-topbar__notif-body p{color:var(--mp-text-1);font-size:14px;font-size:var(--mp-fs-sm,14px);line-height:1.4;margin:0}.mp-topbar__notif-body span{color:var(--mp-text-3);font-size:12px;font-size:var(--mp-fs-xs,12px)}.mp-topbar__notif-dot{background:var(--mp-green);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.mp-topbar__dropdown--user{padding:0;width:320px}.mp-user-menu__card{background:var(--mp-bg-surface);width:100%}.mp-user-menu__header{background:linear-gradient(110deg,var(--mp-blue-deep),var(--mp-blue));border-bottom:1px solid var(--mp-border-subtle);padding:14px 16px}.mp-user-menu__label{color:var(--mp-text-inv-soft);font-size:12px;font-size:var(--mp-fs-xs,12px);font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.mp-user-menu__identity{align-items:center;display:flex;gap:10px;margin-top:8px}.mp-user-menu__avatar-shell{align-items:center;background:var(--mp-blue-dim);border-radius:999px;color:var(--mp-text-inv);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.mp-user-menu__avatar-icon{height:16px;width:16px}.mp-user-menu__email{color:var(--mp-text-inv);font-size:14px;font-size:var(--mp-fs-sm,14px);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-user-menu__body{padding:6px 0}.mp-user-menu__item{align-items:center;background:#0000;border:0;color:var(--mp-text-2);cursor:pointer;display:flex;gap:10px;padding:10px 14px;position:relative;text-align:left;transition:background-color .18s ease,color .18s ease;width:100%}.mp-user-menu__item:hover{background:var(--mp-blue-dim);color:var(--mp-text-1)}.mp-user-menu__item-rail{background:var(--mp-info);border-radius:0 4px 4px 0;bottom:6px;left:0;opacity:0;position:absolute;top:6px;transform:scaleY(.75);transition:opacity .18s ease,transform .18s ease;width:3px}.mp-user-menu__item:hover .mp-user-menu__item-rail{opacity:1;transform:scaleY(1)}.mp-user-menu__item-icon-wrap{align-items:center;background:var(--mp-blue-dim);border-radius:9px;color:var(--mp-blue-deep);display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background-color .18s ease,color .18s ease;width:30px}.mp-user-menu__item:hover .mp-user-menu__item-icon-wrap{background:var(--mp-blue-soft-border);color:var(--mp-blue-ink)}.mp-user-menu__item-icon{height:16px;width:16px}.mp-user-menu__item-label{flex:1 1;font-size:14px;font-size:var(--mp-fs-sm,14px);font-weight:500;min-width:0}.mp-user-menu__item-arrow{color:var(--mp-text-4);height:14px;transition:color .18s ease;width:14px}.mp-user-menu__item:hover .mp-user-menu__item-arrow{color:var(--mp-info)}.mp-user-menu__item--danger:hover{background:var(--mp-red-dim);color:var(--mp-danger)}.mp-user-menu__item--danger .mp-user-menu__item-rail{background:var(--mp-danger)}.mp-user-menu__item--danger .mp-user-menu__item-icon-wrap{background:var(--mp-red-dim);color:var(--mp-danger)}.mp-user-menu__item--danger .mp-user-menu__item-arrow{color:var(--mp-danger)}.mp-avatar{align-items:center;background:linear-gradient(135deg,var(--mp-purple),var(--mp-green));border-radius:50%;color:var(--mp-text-inv);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.mp-avatar--sm{font-size:12px;height:28px;width:28px}.mp-page-layout{min-height:100%}.mp-page-shell{margin:0 auto;padding:clamp(16px,2.2vw,24px);width:min(100%,var(--bp-desktop))}.mp-page-heading{margin-bottom:24px}.mp-page-heading h1{color:var(--text-primary);font-size:var(--mp-fs-h1);margin:0 0 8px}.mp-page-heading p{color:var(--text-secondary);margin:0}.mp-page-body{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}.mp-page-primary{grid-column:span 8;min-width:0}.mp-page-secondary{grid-column:span 4;min-width:0}.mp-page-secondary-empty{min-height:1px}.mp-page-body.is-single-column .mp-page-primary{grid-column:1/-1}.mp-card{background:var(--mp-bg-surface);background:var(--dark-card,var(--mp-bg-surface));border:1px solid color-mix(in srgb,var(--mp-text-inv) 3%,#0000);border-radius:20px;box-shadow:0 10px 30px -5px color-mix(in srgb,var(--mp-black) 30%,#0000);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.mp-card:hover{border-color:color-mix(in srgb,var(--mp-text-inv) 6%,#0000);box-shadow:0 20px 40px -5px color-mix(in srgb,var(--mp-black) 40%,#0000)}.mp-card-header{align-items:center;display:flex;justify-content:space-between;padding:24px 32px 16px}.mp-card-header__title{color:var(--white);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.mp-card-header__subtitle{color:var(--gray);display:block;font-size:.875rem;margin-top:4px}.mp-card-section{padding:24px 32px}.mp-card-section:not(:first-child){padding-top:16px}.mp-card-divider{background:color-mix(in srgb,var(--mp-text-inv) 4%,#0000);height:1px;margin:0;width:100%}.mp-card-footer{background:color-mix(in srgb,var(--mp-black) 10%,#0000);border-top:1px solid color-mix(in srgb,var(--mp-text-inv) 2%,#0000);display:flex;gap:12px;justify-content:flex-end;padding:16px 32px 24px}.mp-card-media{height:200px;object-fit:cover;width:100%}.mp-card--glow{border:1px solid color-mix(in srgb,var(--mp-green) 20%,#0000);box-shadow:0 0 30px color-mix(in srgb,var(--mp-green) 5%,#0000)}.mp-font-picker{min-width:220px;position:relative}.mp-font-picker__trigger{align-items:center;background:color-mix(in srgb,var(--surface-1) 92%,#0000);background:color-mix(in srgb,var(--bg-surface,var(--surface-1)) 92%,#0000);border:1px solid var(--border-color,var(--border));border-radius:12px;color:var(--text-primary);display:flex;gap:10px;justify-content:space-between;padding:10px 12px;transition:border-color .2s ease,transform .2s ease;width:100%}.mp-font-picker__trigger:hover{border-color:var(--accent,var(--accent-primary));transform:translateY(-1px)}.mp-font-picker__trigger span{color:var(--text-secondary);font-size:12px}.mp-font-picker__trigger strong{font-size:13px;font-weight:600}.mp-font-picker-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface-1) 88%,#0000);background:color-mix(in srgb,var(--bg-surface,var(--surface-1)) 88%,#0000);border:1px solid var(--border-color,var(--border));border-radius:12px;box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;top:calc(100% + 8px);width:min(620px,95vw);z-index:60}.mp-font-picker-modal__header{grid-gap:8px;border-bottom:1px solid var(--border-color,var(--border));display:grid;gap:8px;padding:10px}.mp-font-picker-search{grid-gap:8px;align-items:center;background:var(--surface-2);background:var(--bg-surface,var(--surface-2));border:1px solid var(--border-color,var(--border));border-radius:10px;display:grid;gap:8px;grid-template-columns:24px 1fr;padding:8px 10px}.mp-font-picker-search__icon{color:var(--text-secondary);font-size:13px}.mp-font-picker-search input{background:#0000;border:0;color:var(--text-primary);outline:none;width:100%}.mp-font-picker-tabs{display:flex;flex-wrap:wrap;gap:6px}.mp-font-picker-tabs__item{background:var(--surface-2);background:var(--bg-surface,var(--surface-2));border:1px solid var(--border-color,var(--border));border-radius:999px;color:var(--text-secondary);font-size:12px;padding:6px 10px;transition:border-color .2s ease,color .2s ease}.mp-font-picker-tabs__item.is-active,.mp-font-picker-tabs__item:hover{border-color:var(--accent,var(--accent-primary));color:var(--text-primary)}.mp-font-picker-modal__body{height:320px;overflow:hidden}.mp-font-picker-list{grid-gap:8px;display:grid;gap:8px;height:100%;overflow:auto;padding:8px}.mp-font-picker-list::-webkit-scrollbar{width:8px}.mp-font-picker-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-primary) 50%,#0000);background:color-mix(in srgb,var(--accent,var(--accent-primary)) 50%,#0000);border-radius:10px}.mp-font-picker-list__status{color:var(--text-secondary);font-size:13px;margin:0;padding:16px}.mp-font-picker-card{background:var(--surface-2);background:var(--bg-surface,var(--surface-2));border:1px solid var(--border-color,var(--border));border-radius:12px;color:var(--text-primary);padding:10px;text-align:left;transition:border-color .2s ease,transform .2s ease}.mp-font-picker-card:hover{transform:translateY(-1px)}.mp-font-picker-card.is-active,.mp-font-picker-card:hover{border-color:var(--accent,var(--accent-primary))}.mp-font-picker-card__sample{color:var(--text-primary);font-size:18px;margin:0 0 6px}.mp-font-picker-card__family{display:block;font-size:14px;margin-bottom:2px}.mp-font-picker-card__category{color:var(--text-secondary);font-size:12px}.mp-font-picker-modal__footer{align-items:center;border-top:1px solid var(--border-color,var(--border));display:flex;gap:10px;justify-content:space-between;padding:10px}.mp-font-picker-weight{align-items:center;display:flex;gap:8px}.mp-font-picker-weight span{color:var(--text-secondary);font-size:12px}.mp-font-picker-weight__buttons{display:flex;flex-wrap:wrap;gap:6px}.mp-font-picker-weight__btn{background:var(--surface-2);background:var(--bg-surface,var(--surface-2));border:1px solid var(--border-color,var(--border));border-radius:999px;color:var(--text-primary);font-size:12px;padding:6px 10px}.mp-font-picker-weight__btn.is-active{border-color:var(--accent,var(--accent-primary))}.mp-font-picker-modal__actions{display:flex;gap:8px}@media (max-width:800px){.mp-font-picker-modal{left:auto;right:0;width:min(95vw,460px)}.mp-font-picker-modal__footer{align-items:stretch;flex-direction:column}.mp-font-picker-modal__actions{width:100%}.mp-font-picker-modal__actions .btn{flex:1 1}}.mp-media-picker{position:relative}.mp-media-picker__trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);display:flex;justify-content:flex-start;min-height:48px;padding:10px 12px;width:100%}.mp-media-picker__selected{align-items:center;display:flex;gap:10px}.mp-media-picker__selected img{border-radius:8px;height:42px;object-fit:cover;width:42px}.mp-media-picker-modal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg-surface) 84%,#0000);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #00000040;display:grid;grid-template-rows:auto 1fr auto;left:0;max-height:620px;position:absolute;top:calc(100% + 8px);width:min(980px,96vw);z-index:140}.mp-media-picker-modal__footer,.mp-media-picker-modal__header{border-bottom:1px solid var(--border-color);padding:12px}.mp-media-picker-modal__footer{border-bottom:0;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end}.mp-media-picker-modal__body{max-height:360px;min-height:360px;overflow:hidden}.mp-media-picker-search{align-items:center;border:1px solid var(--border-color);border-radius:10px;display:flex;gap:8px;padding:8px 10px}.mp-media-picker-search input{background:#0000;border:0;color:var(--text-primary);outline:0;width:100%}.mp-media-picker-filters{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.mp-media-picker-filters__group{display:flex;flex-wrap:wrap;gap:8px}.mp-media-picker-filters__btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);padding:6px 12px}.mp-media-picker-filters__btn.is-active{border-color:var(--accent);color:var(--accent)}.mp-media-picker-grid-wrap{height:100%;overflow:auto;padding:12px;scroll-behavior:smooth}.mp-media-picker-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.mp-media-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.mp-media-card__thumb{border:0;height:132px;overflow:hidden;padding:0;position:relative;width:100%}.mp-media-card__thumb img{height:100%;object-fit:cover;transform:scale(1);transition:transform .2s ease;width:100%}.mp-media-card__overlay{align-items:center;background:#00000059;color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.mp-media-card__video-badge{background:#000000b3;border-radius:8px;bottom:8px;color:#fff;font-size:11px;left:8px;padding:2px 6px;position:absolute}.mp-media-card:hover .mp-media-card__thumb img{transform:scale(1.03)}.mp-media-card:hover .mp-media-card__overlay{opacity:1}.mp-media-card.is-active{border-color:var(--accent)}.mp-media-card__meta{display:flex;flex-direction:column;font-size:12px;gap:4px;padding:8px}.mp-media-card__meta a{color:var(--accent);text-decoration:none}.mp-media-card--skeleton{padding:8px}.mp-media-card__skeleton-line,.mp-media-card__skeleton-thumb{animation:mp-media-skeleton 1.2s ease infinite;background:linear-gradient(90deg,#7f7f7f33,#7f7f7f66,#7f7f7f33);background-size:200% 100%;border-radius:8px}.mp-media-card__skeleton-thumb{height:120px}.mp-media-card__skeleton-line{height:10px;margin-top:8px}.mp-media-card__skeleton-line--short{width:70%}.mp-media-picker-grid__status{padding:12px}.mp-media-picker-grid__sentinel{height:1px;width:100%}@keyframes mp-media-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-page{display:flex;flex-direction:column;min-height:100%}.feed-page,.feed-page button,.feed-page input,.feed-page select,.feed-page textarea{font-family:var(--mp-font)}.feed-page__layout{grid-gap:18px;display:grid;gap:18px}.feed-page__builder{background:linear-gradient(165deg,color-mix(in srgb,var(--mp-blue-ink) 45%,var(--mp-bg-surface)),var(--mp-bg-surface));border:1px solid var(--mp-border);border-radius:16px;box-shadow:var(--mp-shadow-sm);margin-inline:auto;padding:18px;width:min(100%,980px)}.feed-page__builder,.feed-page__builder *{font-family:var(--mp-font)}.feed-page__energy{color:var(--mp-text-1);font-size:15px;font-weight:700;margin-bottom:8px}.feed-page__hero{margin-bottom:22px;text-align:center}.feed-page__hero h2{color:var(--mp-text-1);font-size:clamp(28px,4vw,52px);letter-spacing:-.03em;line-height:1.08;margin:0;margin-inline:auto;max-width:16ch}.feed-page__hero p{color:var(--mp-text-2);font-size:14px;line-height:1.45;margin:14px auto 0;max-width:62ch}.feed-page__hero-icons{display:flex;gap:12px;justify-content:center;margin-top:16px}.feed-page__hero-icons span{align-items:center;background:var(--mp-blue-dim);border-radius:999px;color:var(--mp-blue);display:inline-flex;height:34px;justify-content:center;width:34px}.feed-page__hero-icons svg{height:17px;width:17px}.feed-page__selection-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.feed-page__selection-grid h4{color:var(--mp-blue);font-size:11px;letter-spacing:.08em;margin:0 0 12px}.feed-page__selection-list{grid-gap:10px;display:grid;gap:10px}.feed-page__select-card{background:color-mix(in srgb,var(--mp-bg-base) 62%,#0000);border-color:var(--mp-border);border-radius:10px;min-height:68px}.feed-page__select-card.is-muted{opacity:.45}.feed-page__select-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:20px minmax(0,1fr)}.feed-page__select-row strong{color:var(--mp-text-1);display:block;font-size:14px;line-height:1.2}.feed-page__select-row small{color:var(--mp-text-2);display:block;font-size:12px;line-height:1.3;margin-top:2px}.feed-page__select-icon{color:var(--mp-blue);height:18px;width:18px}.feed-page__prompt-row{margin-top:18px}.feed-page__composer{background:color-mix(in srgb,var(--mp-bg-base) 58%,#0000);border:1px solid var(--mp-border);border-radius:14px;padding:12px}.feed-page__composer-modes{align-items:center;background:color-mix(in srgb,var(--mp-bg-surface) 75%,#0000);border:1px solid var(--mp-border-subtle);border-radius:12px;display:inline-flex;gap:6px;margin-bottom:10px;padding:4px}.feed-page__mode-btn{align-items:center;background:#0000;border:0;border-radius:10px;color:var(--mp-text-2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;height:34px;padding:0 12px}.feed-page__mode-btn svg{height:16px;width:16px}.feed-page__mode-btn.is-active{background:color-mix(in srgb,var(--mp-blue) 18%,#0000);color:var(--mp-text-1)}.feed-page__prompt-row .ui-textarea{border-radius:12px;margin-top:2px;min-height:104px}.feed-page__attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.feed-page__attachment-chip{align-items:center;background:color-mix(in srgb,var(--mp-bg-surface) 82%,#0000);border:1px solid var(--mp-border);border-radius:999px;display:inline-flex;gap:6px;max-width:100%;padding:6px 10px}.feed-page__attachment-chip span{color:var(--mp-text-1);font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-page__attachment-chip svg{color:var(--mp-text-2);height:13px;width:13px}.feed-page__attachment-chip button{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.feed-page__composer-tools{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.feed-page__tool-btn,.feed-page__tool-select{align-items:center;background:color-mix(in srgb,var(--mp-bg-surface) 78%,#0000);border:1px solid var(--mp-border);border-radius:999px;color:var(--mp-text-1);display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:34px;padding:0 12px}.feed-page__tool-btn{cursor:pointer}.feed-page__tool-dropdown{position:relative}.feed-page__image-picker-wrap{flex:1 1 230px;min-width:230px}.feed-page__tool-btn--format{justify-content:space-between;max-width:260px}.feed-page__tool-btn--format svg:last-child{transition:transform .2s ease}.feed-page__tool-btn--format svg.is-open{transform:rotate(180deg)}.feed-page__tool-btn svg,.feed-page__tool-select svg{color:var(--mp-text-2);height:14px;width:14px}.feed-page__tool-select select{background:#0000;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;outline:none}.feed-page__file-input{display:none}.feed-page__format-browser{background:color-mix(in srgb,var(--mp-bg-surface) 92%,#0000);border:1px solid var(--mp-border);border-radius:12px;box-shadow:var(--mp-shadow-lg);left:0;margin-top:8px;padding:10px;position:absolute;top:100%;width:min(860px,calc(100vw - 56px));z-index:40}.feed-page__format-tabs{display:flex;flex-wrap:wrap;gap:8px}.feed-page__format-tab{background:color-mix(in srgb,var(--mp-bg-base) 70%,#0000);border:1px solid var(--mp-border);border-radius:10px;color:var(--mp-text-2);cursor:pointer;font-size:13px;font-weight:600;height:36px;padding:0 14px}.feed-page__format-tab.is-active{background:color-mix(in srgb,var(--mp-purple) 18%,#0000);border-color:color-mix(in srgb,var(--mp-purple) 45%,#0000);color:var(--mp-text-1)}.feed-page__format-list{grid-gap:10px;display:grid;gap:10px;grid-auto-columns:minmax(220px,250px);grid-auto-flow:column;margin-top:12px;overflow-x:auto;padding-bottom:4px}.feed-page__format-card{grid-gap:6px;background:color-mix(in srgb,var(--mp-bg-base) 72%,#0000);border:1px solid var(--mp-border);border-radius:12px;cursor:pointer;display:grid;gap:6px;min-height:168px;padding:10px;text-align:left}.feed-page__format-card.is-selected{border-color:color-mix(in srgb,var(--mp-green) 55%,#0000);box-shadow:0 0 0 1px color-mix(in srgb,var(--mp-green) 32%,#0000)}.feed-page__format-thumb{aspect-ratio:1/1;aspect-ratio:var(--feed-format-ratio,1/1);background:linear-gradient(135deg,color-mix(in srgb,var(--mp-blue) 55%,#fff 10%),color-mix(in srgb,var(--mp-purple) 55%,#fff 10%));border:1px solid color-mix(in srgb,var(--mp-text-inv) 8%,#0000);border-radius:10px;width:100%}.feed-page__format-thumb--photo{width:100%}.feed-page__format-thumb--video{justify-self:center;width:min(70%,110px)}.feed-page__format-thumb--carousel{width:100%}.feed-page__format-title{color:var(--mp-text-1);font-size:14px;font-weight:600;line-height:1.25}.feed-page__format-detail,.feed-page__format-meta{color:var(--mp-text-2);font-size:12px}.feed-page__format-detail{line-height:1.35}.feed-page__platforms{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.feed-page__platform-chip .ui-select-card{border-radius:999px;font-size:12px;padding:7px 12px}.feed-page__footer{display:flex;justify-content:flex-end;padding-top:6px}.feed-page__cta--compact{min-width:190px;width:auto}.feed-page__loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:color-mix(in srgb,var(--mp-overlay-strong) 72%,#0000);display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.feed-page__loading-card{grid-gap:8px;background:color-mix(in srgb,var(--mp-bg-surface) 94%,#0000);border:1px solid var(--mp-border);border-radius:16px;box-shadow:var(--mp-shadow-xl);display:grid;gap:8px;justify-items:center;min-width:250px;padding:14px 16px;text-align:center}.feed-page__loading-gif{align-items:center;background:color-mix(in srgb,var(--mp-bg-elevated) 88%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 12%,#0000);border-radius:14px;display:inline-flex;height:84px;justify-content:center;overflow:hidden;width:84px}.feed-page__loading-gif img{height:100%;object-fit:cover;width:100%}.feed-page__loading-card strong{color:var(--mp-text-1);font-size:14px}.feed-page__loading-card small{color:var(--mp-text-2);font-size:12px}.feed-page__error{color:var(--mp-red);font-size:14px;margin-bottom:12px}.feed-page__result-image{border-radius:12px;margin-bottom:16px;width:100%}.feed-page__result-text{color:var(--text-primary);font-family:inherit;white-space:pre-wrap}.feed-page__result-card{margin-inline:auto;width:min(100%,980px)}.feed-page__result-actions{display:flex;gap:10px;margin-top:12px}.feed-page__result-actions .btn{flex:1 1}.feed-page__promote-panel{grid-gap:10px;background:color-mix(in srgb,var(--mp-bg-surface) 88%,#0000);border:1px solid var(--mp-border);border-radius:12px;display:grid;gap:10px;margin-top:12px;padding:12px}.feed-page__promote-panel h4{color:var(--mp-text-1);font-size:14px;margin:0}.feed-page__promote-label{grid-gap:6px;color:var(--mp-text-2);display:grid;font-size:12px;gap:6px}.feed-page__promote-label input,.feed-page__promote-label select{background:color-mix(in srgb,var(--mp-bg-base) 75%,#0000);border:1px solid var(--mp-border);border-radius:10px;color:var(--mp-text-1);height:36px;padding:0 10px}.feed-page__promote-actions{display:flex;gap:8px}.feed-page__promote-actions .btn{flex:1 1}.feed-page__promote-message{color:var(--mp-text-2);font-size:13px;margin-bottom:0;margin-top:10px}@media (max-width:900px){.feed-page__hero{margin-bottom:18px}.feed-page__hero h2{font-size:clamp(24px,8vw,36px);max-width:18ch}.feed-page__selection-grid{gap:14px;grid-template-columns:minmax(0,1fr)}.feed-page__composer-tools{gap:6px}.feed-page__tool-btn,.feed-page__tool-select{justify-content:center;width:100%}.feed-page__tool-btn--format{max-width:none}.feed-page__format-browser{width:min(100%,calc(100vw - 36px))}.feed-page__format-list{grid-auto-columns:minmax(190px,220px)}.feed-page__footer{justify-content:stretch}.feed-page__cta--compact{width:100%}.feed-page__promote-actions,.feed-page__result-actions{flex-direction:column}}.videos-page{display:flex;flex-direction:column;min-height:100%}.videos-page__content{padding:24px}.videos-page__placeholder{color:var(--text-secondary)}.videos-page__list{grid-gap:10px;display:grid;gap:10px}.videos-page__item{align-items:center;border:1px solid color-mix(in srgb,var(--mp-text-inv) 8%,#0000);border-radius:10px;display:flex;justify-content:space-between;padding:12px}.videos-page__item h4{margin:0 0 4px}.videos-page__item p{color:var(--text-secondary);font-size:13px;margin:0}.videos-page__link{color:var(--green);text-decoration:none}.edit-image-page{display:flex;flex-direction:column;min-height:100%}.edit-image-page__content{padding:24px}.edit-image-page__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.edit-image-page__upload{grid-gap:8px;display:grid;gap:8px;margin-bottom:16px}.edit-image-page__label{display:block;margin-bottom:8px}.edit-image-page__cta{width:100%}.edit-image-page__preview{border-radius:12px;width:100%}.edit-image-page__placeholder{color:var(--text-secondary)}.dashboard-energy-card{margin-bottom:16px}.ds-dashboard-wrapper{margin:0 auto;max-width:1380px;padding:48px 32px;padding:var(--space-2xl,48px) var(--space-xl,32px)}.dashboard-page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.dashboard-title{font-size:40px;font-size:var(--font-page-title,40px);font-weight:700;letter-spacing:-.03em;line-height:1.15;line-height:var(--lh-tight,1.15);margin-bottom:6px}.dashboard-subtitle{color:var(--text-muted);font-size:14px;font-size:var(--font-subtext,14px);line-height:1.6;line-height:var(--lh-body,1.6)}.dashboard-body{display:flex;flex-direction:column;gap:32px;gap:var(--space-xl,32px)}.dashboard-energy-section{margin-bottom:8px;margin-bottom:var(--space-xs,8px)}.energy-overview{background:linear-gradient(135deg,var(--mp-amber-dim),var(--mp-amber-dim));border-color:var(--mp-amber-soft-border);display:flex;flex-direction:column;gap:0;padding:32px;padding:var(--pad-card-lg,32px)}.energy-main{gap:24px;padding:20px 0;padding:var(--space-md,20px) 0}.energy-icon-big,.energy-main{align-items:center;display:flex}.energy-icon-big{background:linear-gradient(135deg,var(--mp-amber),var(--mp-gold-deep));border-radius:12px;border-radius:var(--radius-card-inner,12px);color:var(--mp-text-inv);flex-shrink:0;height:56px;justify-content:center;width:56px}.energy-details h2{color:var(--mp-amber);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.energy-details h2 span{color:var(--text-secondary);font-size:15px;font-weight:400}.energy-details p{color:var(--text-secondary);font-size:14px;font-size:var(--font-subtext,14px);margin:0 0 12px}.energy-bar-large{background:var(--mp-amber-dim);border-radius:3px;height:6px;overflow:hidden;width:200px}.energy-bar-fill{background:linear-gradient(90deg,var(--mp-amber),var(--mp-gold-deep));border-radius:3px;height:100%;transition:width var(--transition-smooth)}.energy-stats{display:flex;gap:16px;padding:20px 0 0;padding:var(--space-md,20px) 0 0}.energy-stat{align-items:center;background:var(--mp-bg-hover);border:1px solid var(--mp-border-subtle);border-radius:12px;border-radius:var(--radius-card-inner,12px);display:flex;flex:1 1;gap:10px;padding:14px 18px}.energy-stat svg{color:var(--green);flex-shrink:0}.energy-stat strong{display:block;font-size:16px;letter-spacing:-.01em}.energy-stat span{color:var(--text-muted);font-size:12px;font-size:var(--font-meta,12px)}.metrics-grid{grid-gap:20px;grid-gap:var(--space-md,20px);display:grid;gap:20px;gap:var(--space-md,20px);grid-template-columns:repeat(3,1fr)}.metric-card{display:flex;flex-direction:column;gap:0;padding:24px;padding:var(--pad-card,24px)}.metric-card .card-header{margin-bottom:0;padding-bottom:14px}.metric-header{justify-content:space-between}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{border-radius:12px;border-radius:var(--radius-card-inner,12px);height:44px;justify-content:center;width:44px}.metric-value{padding-top:14px}.metric-value h3{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.metric-value p{color:var(--text-muted);font-size:12px;font-size:var(--font-meta,12px);font-weight:400;letter-spacing:.04em;margin:0;text-transform:uppercase}.dashboard-secondary{display:flex;flex-direction:column;gap:20px;gap:var(--space-md,20px)}.dashboard-grid{grid-gap:20px;grid-gap:var(--space-md,20px);display:grid;gap:20px;gap:var(--space-md,20px);grid-template-columns:1fr 1fr}.platforms-card,.recent-posts-card{display:flex;flex-direction:column;gap:0;padding:24px;padding:var(--pad-card,24px)}.platforms-card .card-header,.recent-posts-card .card-header{border-bottom:none;margin-bottom:0;padding-bottom:16px}.platforms-list{display:flex;flex-direction:column;gap:10px;padding-top:16px}.platform-stat{align-items:center;border:1px solid var(--mp-border-subtle);border-radius:12px;border-radius:var(--radius-card-inner,12px);display:flex;justify-content:space-between;padding:14px 16px;transition:background var(--transition-smooth)}.platform-stat,.platform-stat:hover{background:var(--mp-bg-hover)}.platform-info{font-size:15px;font-size:var(--font-body,15px);font-weight:500;gap:12px}.platform-dot,.platform-info{align-items:center;display:flex}.platform-dot{border-radius:10px;border-radius:var(--radius-sm,10px);height:32px;justify-content:center;width:32px}.platform-metrics{display:flex;gap:20px}.platform-metric{text-align:right}.platform-metric strong{display:block;font-size:18px;letter-spacing:-.01em;margin-bottom:2px}.platform-metric span{color:var(--text-muted);font-size:12px;font-size:var(--font-meta,12px)}.recent-posts-list{display:flex;flex-direction:column;gap:10px;padding-top:16px}.recent-post-item{border:1px solid var(--mp-border-subtle);border-radius:12px;border-radius:var(--radius-card-inner,12px);display:flex;gap:14px;padding:14px 16px;transition:background var(--transition-smooth)}.recent-post-item,.recent-post-item:hover{background:var(--mp-bg-hover)}.post-platform-icon{align-items:center;background:var(--mp-green-dim);border-radius:10px;border-radius:var(--radius-sm,10px);color:var(--green);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.post-content-preview{flex:1 1;min-width:0}.post-content-preview p{color:var(--text-secondary);font-size:14px;font-size:var(--font-subtext,14px);line-height:1.5;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-date{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-size:var(--font-meta,12px);gap:4px}.empty-posts{color:var(--text-muted);font-size:14px;font-size:var(--font-subtext,14px);padding:24px;text-align:center}.chart-card{padding:24px;padding:var(--pad-card,24px)}.chart-filter{background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:10px;border-radius:var(--radius-sm,10px);color:var(--white);font-size:13px;padding:8px 12px}.chart-placeholder{height:280px}.chart-bars,.chart-placeholder{align-items:flex-end;display:flex}.chart-bars{gap:10px;height:100%;width:100%}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%}.bar-fill{background:linear-gradient(180deg,var(--green),var(--blue));border-radius:6px 6px 0 0;transition:height var(--transition-smooth);width:100%}.bar-label{color:var(--text-muted);font-size:12px;font-size:var(--font-meta,12px)}.date-filter select{background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:10px;border-radius:var(--radius-sm,10px);color:var(--white);cursor:pointer;font-size:13px;padding:8px 14px}.top-posts-card{padding:24px;padding:var(--pad-card,24px)}.top-posts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.top-post{border-radius:12px;border-radius:var(--radius-card-inner,12px);cursor:pointer;display:flex;gap:14px;padding:14px;transition:background var(--transition-smooth)}.top-post,.top-post:hover{background:var(--mp-bg-hover)}.top-post img{border-radius:10px;border-radius:var(--radius-sm,10px);flex-shrink:0;height:72px;object-fit:cover;width:72px}.post-info h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-size:var(--font-subtext,14px);margin-bottom:4px;overflow:hidden}.post-platform{display:block;margin-bottom:6px}.post-platform,.post-stats{color:var(--text-muted);font-size:12px;font-size:var(--font-meta,12px)}.post-stats{display:flex;gap:10px}.post-stats span{align-items:center;display:flex;gap:4px}.revenue-card{padding:24px;padding:var(--pad-card,24px)}.revenue-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.revenue-amount h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--green),var(--blue));-webkit-background-clip:text;background-clip:text;font-size:36px;letter-spacing:-.03em;margin-bottom:8px}.revenue-change{align-items:center;display:flex;font-size:14px;font-size:var(--font-subtext,14px);font-weight:600;gap:6px}.revenue-change.positive{color:var(--green)}.revenue-breakdown{display:flex;flex-direction:column;gap:10px}.revenue-item{background:var(--mp-bg-hover);border-radius:12px;border-radius:var(--radius-card-inner,12px);display:flex;justify-content:space-between;padding:14px 16px}.revenue-item span{color:var(--text-secondary);font-size:14px;font-size:var(--font-subtext,14px)}.revenue-item strong{font-size:16px}.secondary-zone-title{color:var(--text-muted);font-size:12px;font-size:var(--font-meta,12px);font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.empty-state svg{margin-bottom:20px}.empty-state h3{font-size:22px}.empty-state p{font-size:14px;font-size:var(--font-subtext,14px)}@media (max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.revenue-content,.top-posts-grid{grid-template-columns:1fr}.energy-main{align-items:flex-start;flex-direction:column}.energy-stats{flex-wrap:wrap}}@media (max-width:768px){.ds-dashboard-wrapper{padding:24px 20px;padding:var(--space-lg,24px) var(--space-md,20px)}.metrics-grid{grid-template-columns:1fr}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-title{font-size:28px}.platform-metrics{gap:4px}.energy-stats,.platform-metrics{flex-direction:column}}.contents-page{margin:0 auto;max-width:1380px;padding:44px}.contents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:44px}.contents-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-areas:"primary secondary";grid-template-columns:minmax(0,1fr) 320px}.contents-primary{grid-area:primary;min-width:0}.contents-secondary{grid-area:secondary}.contents-header h1{font-size:38px;letter-spacing:-.03em;margin-bottom:6px}.contents-header p{color:var(--text-muted);font-size:15px;line-height:1.6}.contents-toolbar{align-items:stretch;display:flex;flex-direction:column;gap:20px}.contents-toolbar .btn{justify-content:center;width:100%}.contents-image-credit{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.contents-image-credit small{color:var(--text-secondary)}.contents-image-credit a{color:var(--accent);text-decoration:none}.contents-filters{background:color-mix(in srgb,var(--mp-text-inv) 2%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);border-radius:16px;border-radius:var(--radius-md,16px);margin-top:18px;padding:14px}.contents-filters-title{color:var(--text-secondary);font-weight:600;margin:0 0 12px}.contents-secondary .contents-toolbar{margin-bottom:0}.search-box{align-items:center;background:color-mix(in srgb,var(--mp-text-inv) 3%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);border-radius:12px;border-radius:var(--radius-sm,12px);display:flex;flex:1 1;gap:12px;max-width:400px;padding:12px 18px;transition:border-color .2s ease}.search-box:focus-within{border-color:color-mix(in srgb,var(--mp-green) 30%,#0000)}.search-box svg{color:var(--text-muted)}.search-box input{background:#0000;border:none;color:var(--white);flex:1 1;font-size:15px;outline:none}.filter-tabs{background:color-mix(in srgb,var(--mp-text-inv) 2%,#0000);border-radius:12px;border-radius:var(--radius-sm,12px);display:flex;flex-wrap:wrap;gap:6px;padding:4px}.filter-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.filter-tab:hover{background:var(--dark-bg);color:var(--white)}.filter-tab.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 15%,#0000),color-mix(in srgb,var(--mp-blue-deep) 15%,#0000));color:var(--green)}.filter-tab .count{background:var(--dark-bg);border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px}.filter-tab.active .count{background:var(--green);color:var(--dark)}.contents-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.content-card{display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.content-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.content-thumbnail{aspect-ratio:1;overflow:hidden;position:relative;width:100%}.content-thumbnail img{height:100%;object-fit:cover;width:100%}.content-overlay{align-items:center;background:color-mix(in srgb,var(--mp-bg-base) 90%,#0000);bottom:0;display:flex;gap:12px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.content-card:hover .content-overlay{opacity:1}.content-overlay .icon-btn{align-items:center;background:var(--green);border:none;border-radius:50%;color:var(--dark);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.content-overlay .icon-btn:hover{background:#fff;transform:scale(1.1)}.content-info{flex:1 1;padding:24px}.content-info .badge,.content-info h3{margin-bottom:10px}.content-info h3{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;font-weight:600;letter-spacing:-.01em;overflow:hidden}.content-meta{display:flex;gap:16px;margin-bottom:12px}.meta-item{align-items:center;display:flex;font-size:14px;gap:6px}.meta-item,.meta-item svg{color:var(--text-muted)}.content-engagement{color:var(--green);font-size:14px;font-weight:600}.content-actions{border-top:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);display:flex;gap:12px;padding:16px 24px}.content-actions .btn-secondary{flex:1 1}.content-actions .icon-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.content-actions .icon-btn:hover{background:var(--dark-bg);border-color:var(--green);color:var(--green)}.content-actions .icon-btn.delete:hover{border-color:var(--red);color:var(--red)}.empty-state{padding:80px 20px}.empty-state svg{margin-bottom:24px}.empty-state h3{font-size:24px}.empty-state p{margin-bottom:32px}@media (max-width:768px){.contents-layout{grid-template-areas:"secondary" "primary";grid-template-columns:1fr}.search-box{max-width:100%}.contents-grid{grid-template-columns:1fr}.contents-header{align-items:flex-start;flex-direction:column;gap:16px}}.content-preview{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:12px 0}.content-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.badge-outline{align-items:center;background:#0000;border:1px solid var(--border-color);color:var(--text-secondary);display:flex;gap:4px;text-transform:capitalize}.badge-info{background:color-mix(in srgb,var(--mp-blue) 15%,#0000);color:var(--mp-blue)}.btn-success{background:var(--success)!important;border-color:var(--success)!important}.action-menu-wrapper{position:relative}.action-menu{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px color-mix(in srgb,var(--mp-black) 30%,#0000);min-width:140px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.action-menu button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 16px;transition:background .2s;width:100%}.action-menu button:hover{background:var(--dark-bg)}.action-menu button.delete{color:var(--mp-red)}.action-menu button.delete:hover{background:color-mix(in srgb,var(--mp-red) 10%,#0000)}.modal-overlay{padding:20px}.edit-modal{background:var(--dark-surface);border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:18px;margin:0}.close-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.close-btn:hover{background:var(--dark-bg);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-body textarea{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;line-height:1.6;padding:16px;resize:vertical;width:100%}.modal-body textarea:focus{border-color:var(--green);outline:none}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.loading-state p{color:var(--text-secondary);font-size:14px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scheduling-page{margin:0 auto;max-width:1380px;padding:44px}.scheduling-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:44px}.scheduling-header h1{font-size:38px;letter-spacing:-.03em;margin-bottom:6px}.scheduling-header p{color:var(--text-muted);font-size:15px;line-height:1.6}.calendar-container{margin-bottom:48px}.calendar-header{justify-content:space-between;margin-bottom:28px}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:16px}.calendar-nav h2{font-size:22px;letter-spacing:-.02em;margin:0;min-width:200px;text-align:center}.nav-btn{align-items:center;background:color-mix(in srgb,var(--mp-text-inv) 3%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:10px;border-radius:var(--radius-sm,10px);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-btn:hover{background:var(--dark-bg);border-color:var(--green);color:var(--green)}.view-toggle{background:color-mix(in srgb,var(--mp-text-inv) 3%,#0000);border-radius:12px;border-radius:var(--radius-sm,12px);display:flex;gap:4px;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:500;padding:10px 22px;transition:all .3s ease}.toggle-btn:hover{color:var(--white)}.toggle-btn.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 15%,#0000),color-mix(in srgb,var(--mp-blue-deep) 15%,#0000));color:var(--green)}.calendar-grid{border-radius:22px;border-radius:var(--radius-lg,22px);padding:32px}.calendar-weekdays{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{color:var(--text-muted);font-size:15px;font-weight:600;padding:14px;text-align:center}.calendar-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;background:color-mix(in srgb,var(--mp-text-inv) 2%,#0000);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-sm,12px);cursor:pointer;padding:14px;position:relative;transition:all .2s ease}.calendar-day:hover{background:color-mix(in srgb,var(--mp-text-inv) 4%,#0000);border-color:color-mix(in srgb,var(--mp-text-inv) 6%,#0000)}.calendar-day.disabled{opacity:.3;pointer-events:none}.calendar-day.today{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 10%,#0000),color-mix(in srgb,var(--mp-blue-deep) 10%,#0000));border:2px solid var(--green)}.day-number{font-size:15px;font-weight:600}.day-posts{display:flex;flex-direction:column;gap:4px;margin-top:8px}.day-post{align-items:center;background:var(--dark-card);border-radius:4px;display:flex;font-size:11px;gap:6px;padding:4px 6px}.day-post svg{flex-shrink:0}.upcoming-section h3{font-size:22px;letter-spacing:-.02em;margin-bottom:24px}.upcoming-posts{display:flex;flex-direction:column;gap:18px}.upcoming-post{align-items:center;border-radius:22px;border-radius:var(--radius-lg,22px);display:flex;gap:20px;padding:24px}.platform-indicator{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.post-details{flex:1 1}.post-details h4{font-size:16px;font-weight:600;margin-bottom:8px}.post-meta{color:var(--text-muted);display:flex;font-size:14px;gap:22px}.post-meta span{align-items:center;display:flex;gap:6px}.post-actions{display:flex;gap:12px}@media (max-width:768px){.calendar-header{flex-direction:column;gap:16px}.calendar-days{gap:4px}.calendar-day{padding:8px}.day-number{font-size:12px}.day-posts{display:none}.upcoming-post{align-items:flex-start;flex-direction:column}.post-actions{width:100%}.post-actions .btn{flex:1 1}.scheduling-header{align-items:flex-start;flex-direction:column;gap:16px}}.schedule-modal{background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-width:500px;overflow:hidden;width:90%}.schedule-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.schedule-modal .modal-header h3{font-size:18px;margin:0}.schedule-modal .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.schedule-modal .close-btn:hover{color:var(--green)}.schedule-modal .modal-body{padding:24px}.schedule-modal .input-group{margin-bottom:16px}.schedule-modal .input-group label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.schedule-modal input,.schedule-modal select,.schedule-modal textarea{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--white);font-size:14px;padding:12px;resize:none;width:100%}.schedule-modal input:focus,.schedule-modal select:focus,.schedule-modal textarea:focus{border-color:var(--green);outline:none}.schedule-modal .input-row{display:flex;gap:16px}.schedule-modal .input-row .input-group{flex:1 1}.schedule-modal .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.empty-state{color:var(--text-secondary)}.empty-state svg{opacity:.5}.campaigns-page{margin:0 auto;max-width:1380px;padding:44px}.campaigns-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:44px}.campaigns-header h1{font-size:38px;letter-spacing:-.03em;margin-bottom:6px}.campaigns-header p{color:var(--text-muted);font-size:15px;line-height:1.6}.header-actions{gap:18px}.energy-badge,.header-actions{align-items:center;display:flex}.energy-badge{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-amber) 8%,#0000),color-mix(in srgb,var(--mp-amber) 2%,#0000));border:1px solid color-mix(in srgb,var(--mp-amber) 15%,#0000);border-radius:10px;border-radius:var(--radius-sm,10px);color:var(--mp-amber);font-size:13px;font-weight:600;gap:8px;padding:10px 16px}.campaigns-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.campaigns-stats-title{color:var(--text-secondary);font-size:.82rem;font-weight:600;grid-column:1/-1;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.stat-card{border-radius:22px;border-radius:var(--radius-lg,22px);gap:16px;padding:28px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 8%,#0000),color-mix(in srgb,var(--mp-blue-deep) 8%,#0000));border-radius:12px;border-radius:var(--radius-card-inner,12px);color:var(--green);flex-shrink:0;height:52px;justify-content:center;width:52px}.stat-card .stat-value{display:block;font-size:28px;font-weight:700;letter-spacing:-.02em}.stat-card .stat-label{color:var(--text-secondary);font-size:14px}.campaigns-list h2{font-size:22px;letter-spacing:-.02em;margin-bottom:24px}.campaign-card{border-radius:22px;border-radius:var(--radius-lg,22px);margin-bottom:22px;padding:32px}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.campaign-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.campaign-title h3{font-size:19px;letter-spacing:-.01em;margin:0}.campaign-description{color:var(--text-secondary);font-size:15px;margin:0}.status-badge{font-size:12px;padding:4px 12px}.status-badge.active{background:color-mix(in srgb,var(--mp-green) 15%,#0000);color:var(--green)}.status-badge.scheduled{background:color-mix(in srgb,var(--mp-amber) 15%,#0000);color:var(--mp-amber)}.status-badge.draft,.status-badge.paused{background:color-mix(in srgb,var(--mp-text-2) 15%,#0000);color:var(--gray)}.status-badge.completed{background:color-mix(in srgb,var(--mp-blue) 15%,#0000);color:var(--mp-blue)}.campaign-actions{display:flex;gap:8px}.action-btn{align-items:center;background:color-mix(in srgb,var(--mp-text-inv) 3%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:10px;border-radius:var(--radius-sm,10px);color:var(--text-secondary);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease;width:38px}.action-btn:hover{border-color:var(--green);color:var(--green)}.campaign-metrics{border-top:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);display:flex;gap:28px;padding-top:20px}.campaign-metrics .metric-item{display:flex;flex-direction:column;gap:4px}.campaign-metrics .metric-label{color:var(--text-muted);font-size:12px}.campaign-metrics .metric-value{font-size:17px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--mp-black) 80%,#0000);z-index:1000}.campaign-modal{background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.campaign-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.campaign-modal .modal-header h3{align-items:center;display:flex;font-size:18px;gap:8px;margin:0}.campaign-modal .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer}.campaign-modal .modal-body{padding:24px}.energy-cost-info{align-items:center;background:color-mix(in srgb,var(--mp-amber) 10%,#0000);border:1px solid color-mix(in srgb,var(--mp-amber) 20%,#0000);border-radius:10px;color:var(--mp-amber);display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.energy-cost-info .divider{color:color-mix(in srgb,var(--mp-amber) 30%,#0000)}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);font-size:14px;font-weight:500}.objectives-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.objective-card{background:var(--dark-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.objective-card.active,.objective-card:hover{border-color:var(--green)}.objective-card.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 10%,#0000),color-mix(in srgb,var(--mp-blue-deep) 10%,#0000))}.objective-card svg{color:var(--green);margin-bottom:8px}.objective-card strong{display:block;font-size:14px;margin-bottom:4px}.objective-card span{color:var(--text-muted);font-size:12px}.input-row{display:flex;gap:16px}.input-row .input-group{flex:1 1}.campaign-modal input,.campaign-modal select{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--white);font-size:14px;padding:12px;width:100%}.campaign-modal input:focus,.campaign-modal select:focus{border-color:var(--green);outline:none}.campaign-modal .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.campaign-modal .modal-footer .btn{min-width:120px}.generated-campaign{text-align:center}.generated-campaign h4{font-size:24px;margin-bottom:12px}.campaign-desc{color:var(--text-secondary);margin-bottom:24px}.campaign-details{display:flex;gap:32px;justify-content:center;margin-bottom:24px}.campaign-details .detail{display:flex;flex-direction:column;gap:4px}.campaign-details .detail strong{color:var(--text-muted);font-size:12px}.campaign-posts{background:var(--dark-bg);border-radius:12px;padding:16px;text-align:left}.campaign-posts h5{margin-bottom:12px}.campaign-post-preview{background:var(--dark-card);border-radius:8px;margin-bottom:8px;padding:12px}.post-day{color:var(--green);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.campaign-post-preview p{color:var(--text-secondary);font-size:13px;margin:0}.empty-state{padding:60px 20px;text-align:center}.empty-state svg{color:var(--text-muted);margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:20px}.loading-text{color:var(--text-secondary);padding:40px;text-align:center}@media (max-width:1024px){.campaigns-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.campaigns-stats{grid-template-columns:1fr}.campaign-header,.campaigns-header{flex-direction:column;gap:16px}.campaigns-header{align-items:flex-start}.header-actions{flex-direction:column;width:100%}.objectives-grid{grid-template-columns:1fr}.input-row{flex-direction:column}}.brand-identity-page{margin:0 auto;max-width:1300px;padding:36px}.identity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:36px}.identity-header h1{font-size:30px;letter-spacing:-.025em;margin-bottom:8px}.identity-header p{color:var(--text-secondary);font-size:15px;line-height:1.7}.identity-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.identity-card{background:color-mix(in srgb,var(--mp-text-inv) 2.5%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:20px;border-radius:var(--radius-lg,20px);padding:26px}.identity-card.full-width{grid-column:1/-1}.identity-card h3{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);display:flex;font-size:17px;gap:12px;letter-spacing:-.01em;margin-bottom:22px;padding-bottom:16px}.identity-card h3 svg{color:var(--green)}.logo-preview{aspect-ratio:16/9;background:color-mix(in srgb,var(--mp-bg-base) 50%,#0000);border:2px dashed color-mix(in srgb,var(--mp-text-inv) 8%,#0000);border-radius:12px;border-radius:var(--radius-md,12px);margin-bottom:22px;width:100%}.logo-preview img{max-height:150px}.color-inputs{display:flex;flex-direction:column;gap:22px}.color-input-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.color-picker{align-items:center;background:color-mix(in srgb,var(--mp-bg-base) 50%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 5%,#0000);border-radius:10px;border-radius:var(--radius-input,10px);display:flex;gap:12px;padding:12px}.color-picker input[type=color]{border:none;border-radius:8px;cursor:pointer;height:50px;width:50px}.color-picker span{font-family:Courier New,monospace;font-weight:600;text-transform:uppercase}.palettes-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(4,1fr)}.palette-colors{border-radius:12px;display:flex;height:80px;margin-bottom:12px;overflow:hidden}.palette-color{flex:1 1}.palette-card p{font-size:14px;font-weight:600;margin:0}.fonts-list{gap:18px}.font-item{border:1px solid var(--border-color);border-radius:12px;padding:18px}.font-item h4{font-size:19px;margin-bottom:4px}.font-item p{font-size:13px}.preview-box{align-items:center;aspect-ratio:16/9;border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.preview-content{position:relative;text-align:center;z-index:2}.preview-content h2{color:#fff;font-size:34px;margin-bottom:8px}.preview-content p{color:color-mix(in srgb,var(--mp-text-inv) 80%,#0000);margin-bottom:22px}.preview-button{border-radius:10px;color:#fff;display:inline-block;font-weight:600;padding:12px 34px}.logo-placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px}.logo-input input{color:var(--white);padding:12px}.brand-font-preview{background:color-mix(in srgb,var(--mp-bg-base) 55%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 8%,#0000);border-radius:12px;margin-top:10px;padding:12px}.brand-font-preview__primary{color:var(--text-primary);font-size:28px;margin:0}.brand-font-preview__secondary{color:var(--text-secondary);display:block;margin-top:4px}.brand-identity-credit{color:var(--text-secondary);display:block;margin-top:8px}.brand-identity-credit a{color:var(--accent);text-decoration:none}.style-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.style-option{background:color-mix(in srgb,var(--mp-bg-base) 50%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;padding:14px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.style-option.active,.style-option:hover{border-color:var(--green)}.style-option.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 10%,#0000),color-mix(in srgb,var(--mp-blue-deep) 10%,#0000))}.style-option strong{display:block;margin-bottom:4px}.style-option span{color:var(--text-muted);font-size:12px}.typography-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.font-selector label{color:var(--green);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.fonts-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.font-item{align-items:center;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.font-item.active,.font-item:hover{border-color:var(--green)}.font-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 10%,#0000),color-mix(in srgb,var(--mp-blue-deep) 10%,#0000))}.font-item.active svg{color:var(--green)}.font-item h4{font-size:16px;margin-bottom:2px}.font-item p{color:var(--text-muted);font-size:12px;margin:0}.palettes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}.palette-card{border:2px solid #0000;border-radius:12px;cursor:pointer;padding:8px;text-align:center;transition:transform .3s ease}.palette-card:hover{border-color:var(--green);transform:translateY(-4px)}.btn-success{background:linear-gradient(135deg,var(--mp-green),var(--mp-green-strong))!important}.logo-ai-generator{margin-bottom:20px}.logo-ai-generator label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.ai-input-group{display:flex;gap:8px}.ai-input-group input{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.ai-input-group input:focus{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-purple) 10%,#0000);outline:none}.ai-input-group input:disabled{cursor:not-allowed;opacity:.5}.btn-generate-ai{align-items:center;background:linear-gradient(135deg,var(--purple),var(--green));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-generate-ai:hover:not(:disabled){box-shadow:0 8px 16px color-mix(in srgb,var(--mp-purple) 30%,#0000);transform:translateY(-2px)}.btn-generate-ai:disabled{cursor:not-allowed;opacity:.6}.divider-text{color:var(--text-secondary);font-size:13px;margin:20px 0;position:relative;text-align:center}.divider-text:after,.divider-text:before{background:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:40%}.divider-text:before{left:0}.divider-text:after{right:0}.logo-input label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.logo-input input{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:all .3s ease;width:100%}.logo-input input:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-green) 10%,#0000);outline:none}@media (max-width:768px){.identity-grid{grid-template-columns:1fr}.palettes-grid{grid-template-columns:repeat(3,1fr)}.style-options,.typography-section{grid-template-columns:1fr}.identity-header{align-items:flex-start;gap:16px}.ai-input-group,.identity-header{flex-direction:column}.btn-generate-ai{justify-content:center;width:100%}}.progress-container{background-color:var(--dark-bg);border-radius:99px;height:6px;margin-top:10px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{animation:progressAnimation 2s linear infinite;background:var(--gradient-primary);border-radius:99px;height:100%;transition:width .3s ease;width:0}@keyframes progressAnimation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.generated-logos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.generated-logo-item{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;padding:12px;position:relative;transition:all .2s}.generated-logo-item:hover{border-color:var(--green);transform:translateY(-2px)}.generated-logo-item.selected{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--mp-green) 20%,#0000)}.generated-logo-img{aspect-ratio:1;background:var(--mp-text-inv);background-image:linear-gradient(45deg,var(--mp-border) 25%,#0000 25%),linear-gradient(-45deg,var(--mp-border) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--mp-border) 75%),linear-gradient(-45deg,#0000 75%,var(--mp-border) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;margin-bottom:8px;object-fit:contain;width:100%}.logo-actions{display:flex;gap:8px;justify-content:space-between}.btn-download-logo,.btn-select-logo{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:4px;justify-content:center;padding:6px}.btn-select-logo{background:var(--green);border:none;color:var(--mp-black)}.btn-download-logo{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-download-logo:hover{background:var(--dark-hover);color:var(--text-primary)}.mockup-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.mockup-card{aspect-ratio:4/3;background:var(--mp-bg-muted);border-radius:12px;overflow:hidden;position:relative}.mockup-bg{height:100%;object-fit:cover;width:100%}.mockup-logo-overlay{left:50%;mix-blend-mode:multiply;position:absolute;top:50%;transform:translate(-50%,-50%);width:40%}.logo-preview{aspect-ratio:16/10;height:300px}.logo-preview img{max-height:80%;max-width:80%}.train-ai-page{margin:0 auto;max-width:1300px;padding:36px}.ai-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:36px}.ai-header h1{font-size:30px;letter-spacing:-.025em;margin-bottom:8px}.ai-header p{color:var(--text-secondary);font-size:15px;line-height:1.7}.ai-status{display:flex;gap:12px}.status-badge{align-items:center;border-radius:12px;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 22px}.status-badge.active{background:linear-gradient(135deg,var(--mp-green-dim),var(--mp-blue-dim));border:1px solid var(--mp-green);color:var(--mp-green)}.ai-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.ai-card{background:var(--mp-bg-hover);border:1px solid var(--mp-border);border-radius:20px;border-radius:var(--radius-lg,20px);padding:26px}.ai-card.full-width{grid-column:1/-1}.card-header{border-bottom:1px solid var(--mp-border);margin-bottom:22px}.card-header h3{font-size:17px;gap:12px}.training-steps{gap:22px}.training-step,.training-steps{display:flex;flex-direction:column}.training-step{gap:14px}.step-info{gap:16px}.step-indicator,.step-info{align-items:center;display:flex}.step-indicator{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.step-indicator.completed{background:linear-gradient(135deg,var(--mp-green),var(--mp-blue));color:var(--mp-text-inv)}.step-indicator.active{background:var(--mp-bg-base);border:2px solid var(--mp-green);color:var(--mp-green)}.step-info h4{font-size:16px;margin-bottom:4px}.step-info p{color:var(--text-muted);font-size:14px;margin:0}.progress-bar{background:var(--mp-bg-base);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--mp-green),var(--mp-blue));height:100%;transition:width .3s ease}.upload-area{border:2px dashed var(--mp-border);border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;padding:48px 24px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.upload-area:hover{background:var(--mp-green-dim);border-color:var(--mp-border-focus)}.upload-area svg{color:var(--text-muted);margin-bottom:16px}.upload-area h4{font-size:17px;margin-bottom:8px}.upload-area p{color:var(--text-muted);font-size:15px;margin-bottom:22px}.ai-actions{align-items:center;background:var(--mp-bg-hover);border:1px solid var(--mp-border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;gap:14px;padding:32px}.ai-info{color:var(--text-muted);font-size:15px;margin:0}.bonus-alert{align-items:center;background:var(--mp-green-dim);border:1px solid var(--mp-green-soft-border);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 24px}.bonus-alert,.bonus-alert strong{color:var(--mp-green)}.status-badge.pending{background:var(--mp-amber-dim);border:1px solid var(--mp-amber-soft-border);color:var(--mp-amber)}.tone-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.tone-option{background:var(--mp-bg-base);border:1px solid var(--mp-border-subtle);border-radius:10px;border-radius:var(--radius-input,10px);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:9px 14px;transition:all var(--transition-smooth)}.tone-option:hover{border-color:var(--mp-green);color:var(--text-primary)}.tone-option.selected{background:linear-gradient(135deg,var(--mp-green-dim),var(--mp-blue-dim));border-color:var(--mp-green);color:var(--mp-green);font-weight:600}@media (max-width:768px){.ai-grid{grid-template-columns:1fr}.ai-header{align-items:flex-start;gap:16px}.ai-header,.tone-options{flex-direction:column}.tone-option{text-align:center}}.logo-description{color:var(--gray);font-size:14px;line-height:1.5;margin-bottom:16px}.logo-upload-area{margin-top:16px}.logo-upload-box{align-items:center;background:var(--mp-bg-base);border:2px dashed var(--mp-border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 24px;text-align:center;transition:all .3s ease}.logo-upload-box:hover{background:var(--mp-green-dim);border-color:var(--mp-green)}.logo-upload-box svg{color:var(--gray);transition:all .3s ease}.logo-upload-box:hover svg{color:var(--mp-green);transform:translateY(-4px)}.logo-upload-box span{color:var(--gray-light);font-weight:500}.logo-upload-box small{color:var(--gray);font-size:12px}.logo-preview{align-items:center;background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:16px;display:flex;justify-content:center;padding:24px;position:relative}.logo-preview img{border-radius:8px;max-height:120px;max-width:200px;object-fit:contain}.remove-logo-btn{align-items:center;background:var(--mp-red-dim);border:none;border-radius:50%;color:var(--mp-red);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:32px}.remove-logo-btn:hover{background:var(--mp-red);color:var(--mp-text-inv)}.modal-overlay{background:var(--mp-overlay-strong)}.modal-card{border-radius:20px;max-width:400px;text-align:center;width:90%}.modal-icon{align-items:center;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.modal-icon.success{background:var(--mp-green-dim);border:2px solid var(--mp-green);color:var(--mp-green)}.modal-icon.error{background:var(--mp-red-dim);border:2px solid var(--mp-red);color:var(--mp-red)}.modal-icon.info{background:var(--mp-blue-dim);border:2px solid var(--mp-blue);color:var(--mp-blue)}.modal-title{color:var(--mp-text-1);font-size:1.5rem;font-weight:700;margin-bottom:12px}.modal-message{color:var(--mp-text-2);font-size:1rem;line-height:1.6;margin-bottom:28px}.modal-button{font-size:1rem;min-width:140px;padding:14px 32px}.modal-button-success{background:linear-gradient(135deg,var(--mp-green),var(--mp-green-strong));color:var(--mp-text-inv)}.modal-button-success:hover{box-shadow:var(--mp-shadow-glow);transform:translateY(-2px)}.modal-button-error{background:linear-gradient(135deg,var(--mp-red),var(--mp-red-strong));color:var(--mp-text-inv)}.modal-button-error:hover{box-shadow:var(--mp-shadow-md);transform:translateY(-2px)}.settings-page{background:var(--dark-bg);min-height:100vh}.settings-top-header{align-items:center;background:color-mix(in srgb,var(--mp-text-inv) 2%,#0000);border-bottom:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);display:flex;gap:24px;padding:24px 36px}.header-title h1{font-size:clamp(1.9rem,4vw,2.8rem)}.settings-tab{font-size:13px;margin-bottom:8px;padding:12px 14px}.settings-main{padding:56px 52px 72px}.settings-content{max-width:980px}.settings-header{margin-bottom:52px}.settings-header h2{font-size:clamp(2rem,4.2vw,3rem);letter-spacing:-.02em;margin-bottom:6px}.settings-header p{font-size:16px;line-height:1.8;max-width:620px}.settings-card{border-radius:22px;margin-bottom:40px;padding:34px}.settings-card p{line-height:1.8}.btn-back{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.btn-back:hover{background:var(--dark-surface-light);color:var(--text-primary)}.header-title{align-items:center;display:flex;gap:12px}.title-logo{height:32px;width:auto}.title-icon{color:var(--green)}.header-title h1{font-size:24px;margin:0}.settings-layout{display:flex;margin:0 auto;max-width:1400px}.settings-sidebar{border-right:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);height:calc(100vh - 80px);overflow-y:auto;padding:36px 20px;position:-webkit-sticky;position:sticky;top:0;width:300px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:4px;padding:14px 18px;text-align:left;transition:all .3s ease;width:100%}.settings-tab:hover{background:var(--dark-surface);color:var(--text-primary)}.settings-tab.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 8%,#0000),color-mix(in srgb,var(--mp-blue-deep) 8%,#0000));border-left:3px solid var(--green);color:var(--green)}.settings-main{flex:1 1;max-height:calc(100vh - 80px);overflow-y:auto;padding:36px}.settings-content{max-width:800px}.settings-header{margin-bottom:36px}.settings-header h2{font-size:30px}.settings-header p{color:var(--text-secondary);font-size:17px;line-height:1.6}.settings-card{margin-bottom:28px}.settings-card h3{font-size:21px;margin-bottom:16px}.settings-card h4{font-size:14px;font-weight:600;margin-bottom:4px}.settings-card p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:22px}.card-header-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.energy-balance{gap:24px;padding:16px}.balance-icon,.energy-balance{align-items:center;display:flex}.balance-icon{background:linear-gradient(135deg,var(--mp-amber),var(--green));border-radius:16px;color:#fff;height:80px;justify-content:center;width:80px}.balance-info{flex:1 1}.balance-info h3{font-size:24px;margin-bottom:4px}.balance-info p{color:var(--text-muted);font-size:14px;margin:0}.balance-bar{background:var(--dark-bg);border-radius:6px;height:12px;overflow:hidden;width:200px}.balance-fill{background:linear-gradient(90deg,var(--mp-amber),var(--green));height:100%;transition:width .3s ease}.referral-code{display:flex;gap:12px;margin-bottom:24px}.code-display{align-items:center;background:var(--dark-bg);border:2px dashed var(--border-color);border-radius:8px;display:flex;flex:1 1;justify-content:center;padding:16px}.code-display code{color:var(--primary-color);font-size:16px;font-weight:700;letter-spacing:1px}.settings-googleads-status{color:var(--text-secondary);font-size:13px;margin-bottom:0;margin-top:10px}.referral-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stat-box{background:color-mix(in srgb,var(--mp-text-inv) 2%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);border-radius:12px;border-radius:var(--radius-sm,12px);padding:22px;text-align:center}.stat-box h4{color:var(--primary-color);font-size:32px;margin-bottom:8px}.stat-box p{color:var(--text-muted);font-size:13px;margin:0}.packages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.package-card{background:var(--dark-bg);border:2px solid var(--border-color);border-radius:12px;padding:24px;position:relative;text-align:center;transition:all .3s ease}.package-card:hover{border-color:var(--green);transform:translateY(-4px)}.package-card.popular{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-green) 8%,#0000),color-mix(in srgb,var(--mp-blue-deep) 8%,#0000));border-color:var(--green)}.popular-badge{background:linear-gradient(135deg,var(--green),var(--blue));border-radius:12px;color:#fff;font-size:11px;font-weight:700;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.package-icon{color:var(--warning-color);margin-bottom:16px}.package-card h4{font-size:20px;margin-bottom:8px}.package-price{color:var(--green);font-size:24px;font-weight:700;margin-bottom:16px!important}.export-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.export-card{cursor:pointer;padding:32px 24px;text-align:center;transition:all .3s ease}.export-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.export-icon{color:var(--green);margin-bottom:16px}.export-card h3{font-size:18px;margin-bottom:8px}.social-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.social-card{padding:24px}.social-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.social-icon{color:var(--green)}.connection-status{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:8px;margin-bottom:12px}.connection-status.connected{color:var(--success-color)}.status-dot{background:var(--text-muted);border-radius:50%;height:8px;width:8px}.status-dot.active{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.status-dot.pending{background:var(--warning-color)}.social-account{color:var(--text-secondary);font-size:14px;margin-bottom:16px!important}.table-container{margin-bottom:24px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{color:var(--text-secondary);font-size:13px;font-weight:600;padding:12px;text-align:left}.users-table td,.users-table th{border-bottom:1px solid var(--border-color)}.users-table td{font-size:14px;padding:16px 12px}.user-cell{gap:12px}.user-avatar-small,.user-cell{align-items:center;display:flex}.user-avatar-small{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.btn-icon{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px}.btn-icon:hover{color:var(--text-primary)}.roles-info{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.roles-info h4{margin-bottom:12px}.roles-info ul{list-style:none;margin:0;padding:0}.roles-info li{color:var(--text-secondary);font-size:14px;padding:8px 0}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-item{align-items:center;background:color-mix(in srgb,var(--mp-text-inv) 2%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);border-radius:10px;border-radius:var(--radius-sm,10px);cursor:pointer;display:flex;justify-content:space-between;padding:18px;transition:all .2s ease}.notification-item:hover{background:var(--dark-surface-light)}.notification-item h4{font-size:15px;margin-bottom:4px}.notification-item p{color:var(--text-muted);font-size:13px;margin:0}.notification-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.danger-zone{border-color:var(--danger-color)}.btn-danger{background:var(--danger-color);border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-danger:hover{transform:translateY(-2px)}@media (max-width:1024px){.settings-sidebar{width:240px}}@media (max-width:768px){.settings-layout{flex-direction:column}.settings-sidebar{border-bottom:1px solid var(--border-color);border-right:none;display:flex;gap:8px;height:auto;overflow-x:auto;padding:16px;width:100%}.settings-tab{white-space:nowrap}.settings-main{padding:20px}.energy-balance{flex-direction:column;text-align:center}.balance-bar{width:100%}.export-grid,.packages-grid,.referral-stats,.social-grid{grid-template-columns:1fr}}.settings-top-header{gap:18px;padding:36px 52px}.header-title h1{font-size:clamp(2.1rem,4.4vw,3.2rem);letter-spacing:-.03em}.settings-layout{max-width:1380px}.settings-sidebar{padding:48px 22px;width:240px}.settings-tab{color:var(--text-muted);font-size:12.5px;gap:10px;letter-spacing:.07em;margin-bottom:6px;padding:11px 14px;text-transform:uppercase}.settings-tab svg{display:none}.settings-main{max-height:none;padding:48px 48px 64px}.settings-content{max-width:920px}.settings-header{margin-bottom:44px}.settings-header h2{font-size:clamp(1.8rem,3.8vw,2.6rem);letter-spacing:-.025em;margin-bottom:8px}.settings-header p{color:var(--text-muted);font-size:15px;line-height:1.75;max-width:580px}.settings-card{background:color-mix(in srgb,var(--mp-text-inv) 2.5%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:20px;border-radius:var(--radius-lg,20px);margin-bottom:36px;padding:30px}.settings-card p{color:var(--text-muted);line-height:1.75}.settings-card .input-group label svg{display:none}.export-grid,.packages-grid,.referral-stats{grid-template-columns:1fr}@media (max-width:900px){.settings-layout{display:block}.settings-sidebar{border-bottom:1px solid var(--border-color);border-right:none;height:auto;padding:20px;position:static;width:100%}.settings-main{padding:30px 20px 44px}}.plans-container{margin:0 auto;max-width:1300px;padding:2.5rem}.plans-header{margin-bottom:3.5rem;text-align:center}.plans-header h1{color:var(--text-primary);font-size:2.2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.75rem}.plans-header p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.billing-toggle{background:color-mix(in srgb,var(--mp-bg-base) 60%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;gap:.4rem;justify-content:center;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:380px;padding:.4rem}.billing-toggle button{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.billing-toggle button.active{background:var(--green);color:#fff}.discount-badge{background:var(--red);border-radius:6px;color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:-8px;top:-8px}.plans-grid{grid-gap:2.25rem;display:grid;gap:2.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4.5rem}.plan-card{background:color-mix(in srgb,var(--mp-text-inv) 2.5%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:20px;border-radius:var(--radius-lg,20px);padding:2rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.plan-card:hover{border-color:color-mix(in srgb,var(--mp-text-inv) 10%,#0000);box-shadow:0 16px 32px color-mix(in srgb,var(--mp-black) 25%,#0000);transform:translateY(-4px)}.plan-card.popular{border-color:color-mix(in srgb,var(--mp-green) 30%,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--mp-green) 15%,#0000)}.plan-card.current{background:linear-gradient(135deg,var(--dark-card) 0,color-mix(in srgb,var(--mp-blue-deep) 10%,#0000) 100%);border-color:var(--blue)}.current-badge,.popular-badge{background:var(--green);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.5px;padding:.4rem 1.5rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.current-badge{background:var(--blue)}.plan-icon{align-items:center;background:linear-gradient(135deg,var(--green) 0,var(--mp-green-strong) 100%);border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.plan-card h2{color:var(--text-primary);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem}.plan-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.75rem;min-height:40px}.plan-price{align-items:baseline;display:flex;margin-bottom:.5rem}.plan-price .currency{color:var(--text-secondary);font-size:1.25rem;margin-right:.25rem}.plan-price .amount{color:var(--text-primary);font-size:2.8rem;font-weight:800;letter-spacing:-.02em}.plan-price .period{color:var(--text-secondary);font-size:1rem;margin-left:.5rem}.yearly-note{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.features-list{list-style:none;margin:2.25rem 0;padding:0}.feature-item{align-items:flex-start;color:var(--text-primary);display:flex;gap:.75rem;margin-bottom:1.1rem}.feature-item.disabled{color:var(--text-muted);opacity:.6}.check-icon{color:var(--green);flex-shrink:0;margin-top:2px}.x-icon{color:var(--red);flex-shrink:0;font-size:1.5rem;font-weight:700;line-height:1}.plan-cta{align-items:center;background:linear-gradient(135deg,var(--green) 0,var(--mp-green-strong) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.plan-cta:hover:not(:disabled){box-shadow:0 8px 20px color-mix(in srgb,var(--mp-green) 40%,#0000);transform:translateY(-2px)}.plan-cta.popular{background:linear-gradient(135deg,var(--mp-gold) 0,var(--mp-gold-deep) 100%);color:var(--mp-bg-base)}.plan-cta.current,.plan-cta:disabled{background:var(--dark-lighter);color:var(--text-muted);cursor:not-allowed}.plans-faq{background:color-mix(in srgb,var(--mp-text-inv) 2.5%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 6%,#0000);border-radius:20px;border-radius:var(--radius-xl,20px);margin-bottom:3rem;padding:2.5rem 2rem}.plans-faq h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.75rem;text-align:center}.faq-item{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.faq-item p{color:var(--text-secondary);line-height:1.6}.payment-methods{background:color-mix(in srgb,var(--mp-bg-base) 50%,#0000);border:1px solid color-mix(in srgb,var(--mp-text-inv) 4%,#0000);border-radius:12px;border-radius:var(--radius-md,12px);padding:1.75rem;text-align:center}.payment-methods h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.payment-icons{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.payment-note{color:var(--text-muted);font-size:.875rem}@media (max-width:768px){.plans-container{padding:1rem}.plans-header h1{font-size:2rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-price .amount{font-size:2.5rem}.plans-faq{padding:2rem 1.5rem}}.btn-animated{background:linear-gradient(to right,var(--mp-green),var(--mp-green-strong));border:none;border-radius:.8em;color:var(--mp-text-inv);cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:.05em;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-animated svg{height:1.2em;margin-right:.5em;width:1.2em}.btn-animated span{align-items:center;display:inline-flex;gap:.5rem;padding:.8em 1.5em;position:relative;transition:color .4s;z-index:10}.btn-animated:after,.btn-animated:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.btn-animated:before{background:var(--mp-bg-base);content:"";left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1);width:120%}.btn-animated:hover:before{transform:translate3d(100%,0,0)}.btn-animated:active{transform:scale(.95)}.btn-animated:disabled{cursor:not-allowed;opacity:.5}.btn-animated:disabled:hover:before{transform:skew(30deg)}.btn-animated-blue{background:linear-gradient(to right,var(--mp-blue-deep),var(--mp-blue-ink))}.btn-animated-blue:before{background:var(--mp-bg-base)}.btn-animated-purple{background:linear-gradient(to right,var(--mp-purple),var(--mp-purple-strong))}.btn-animated-purple:before{background:var(--mp-bg-base)}.btn-animated-red{background:linear-gradient(to right,var(--mp-red),var(--mp-red-strong))}.btn-animated-red:before{background:var(--mp-bg-base)}.btn-animated-gold{background:linear-gradient(to right,var(--mp-gold),var(--mp-gold-deep));color:var(--mp-text-inv)}.btn-animated-gold:before{background:var(--mp-bg-surface)}.btn-animated-outline{background:#0000;border:2px solid var(--mp-green);color:var(--mp-green)}.btn-animated-outline:before{background:var(--mp-green)}.btn-animated-outline:hover span{color:var(--mp-text-inv)}.btn-animated-secondary{background:linear-gradient(to right,var(--mp-bg-elevated),var(--mp-bg-surface));border:2px solid var(--mp-green);color:var(--mp-green)}.btn-animated-secondary:before{background:var(--mp-green)}.btn-animated-secondary:hover span{color:var(--mp-text-inv)}.btn-animated-sm{font-size:14px}.btn-animated-sm span{padding:.6em 1.2em}.btn-animated-lg{font-size:18px}.btn-animated-lg span{padding:1em 2em}.btn-animated-full{width:100%}.btn-animated-video{background:linear-gradient(135deg,var(--mp-green) 0,var(--mp-purple) 100%);position:relative}.btn-animated-video:before{background:linear-gradient(135deg,var(--mp-purple) 0,var(--mp-green) 100%)}.btn-animated-blob{overflow:hidden;position:relative}.btn-animated-blob .blob1,.btn-animated-blob .blob2{animation:blob-animate 8s infinite;border-radius:50%;filter:blur(40px);mix-blend-mode:color-dodge;opacity:.3;position:absolute}.btn-animated-blob .blob1{animation-delay:0s;background:var(--mp-green);height:150px;left:-50px;top:-50px;width:150px}.btn-animated-blob .blob2{animation-delay:4s;background:var(--mp-purple);bottom:-40px;height:120px;right:-40px;width:120px}@keyframes blob-animate{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.btn-animated-blob .inner{align-items:center;display:inline-flex;gap:.5rem;padding:.8em 1.5em;position:relative;z-index:10}.btn-animated-icon{padding:0}.btn-animated-icon span{align-items:center;display:flex;height:2.5em;justify-content:center;padding:0;width:2.5em}.btn-animated-icon svg{margin:0}.btn-animated-loading{pointer-events:none}.btn-animated-loading span:after{animation:button-loading-spinner 1s ease infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes button-loading-spinner{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}@media (max-width:768px){.btn-animated{font-size:14px}.btn-animated span{padding:.7em 1.2em}.btn-animated-lg{font-size:16px}}.help-container{margin:0 auto;max-width:1100px;padding:2.5rem}.help-header{margin-bottom:3rem;text-align:center}.help-icon{color:var(--green);margin-bottom:1rem}.help-header h1{color:var(--text-primary);font-size:2.2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.help-header p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.search-help{margin:0 auto 3.5rem;max-width:600px;position:relative}.search-help svg{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-help input{background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-primary);font-size:.95rem;padding:1rem 1rem 1rem 3rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.search-help input:focus{border-color:var(--green);box-shadow:var(--mp-shadow-glow);outline:none}.help-resources{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4.5rem}.resource-card{background:var(--mp-bg-hover);border:1px solid var(--mp-border-subtle);border-radius:16px;border-radius:var(--radius-card,16px);padding:2rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.resource-card--green{border-color:var(--mp-green)}.resource-card--green .resource-icon{background:var(--mp-green)}.resource-card--purple{border-color:var(--mp-purple)}.resource-card--purple .resource-icon{background:var(--mp-purple)}.resource-card--blue{border-color:var(--mp-blue-deep)}.resource-card--blue .resource-icon{background:var(--mp-blue-deep)}.resource-card--red{border-color:var(--mp-red)}.resource-card--red .resource-icon{background:var(--mp-red)}.resource-card:hover{border-color:var(--mp-border-focus);box-shadow:var(--mp-shadow-lg);transform:translateY(-2px)}.resource-icon{align-items:center;border-radius:12px;color:var(--mp-text-inv);display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.resource-card h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.4rem}.resource-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.65}.external-icon{color:var(--text-muted);position:absolute;right:1rem;top:1rem}.faq-section{margin-bottom:4rem}.faq-section h2{color:var(--text-primary);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2rem;text-align:center}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:var(--mp-bg-hover);border:1px solid var(--mp-border);border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;margin-bottom:.9rem;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.faq-item.open,.faq-item:hover{border-color:var(--green)}.faq-question{align-items:center;display:flex;justify-content:space-between;padding:1.75rem}.faq-question h3{color:var(--text-primary);flex:1 1;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:0}.chevron{color:var(--text-secondary);flex-shrink:0;margin-left:1rem;transition:transform .3s ease}.chevron.rotated{color:var(--green);transform:rotate(180deg)}.faq-answer{animation:slideDown .3s ease;padding:0 1.75rem 1.75rem}.faq-answer p{color:var(--text-secondary);line-height:1.6;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-results{color:var(--text-muted);font-size:1.1rem;padding:3rem;text-align:center}.contact-support{background:var(--mp-bg-hover);border:1px solid var(--mp-border);border-radius:20px;border-radius:var(--radius-xl,20px);margin:0 auto;max-width:800px;padding:3rem}.support-header{margin-bottom:2rem;text-align:center}.support-header svg{color:var(--green);margin-bottom:1rem}.support-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.support-header p{color:var(--text-secondary)}.support-form{margin-bottom:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:10px;border-radius:var(--radius-input,10px);color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.7rem 1rem;transition:all var(--transition-smooth);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green);outline:none}.form-group textarea{resize:vertical}.btn{border-radius:8px;font-size:1rem;gap:.5rem;padding:.75rem 2rem;width:100%}.btn-primary{background:linear-gradient(135deg,var(--green) 0,var(--mp-green-strong) 100%);color:var(--mp-text-inv)}.btn-primary:hover{box-shadow:var(--mp-shadow-glow)}.contact-info{border-top:1px solid var(--mp-border);display:flex;gap:2rem;justify-content:center;padding-top:2rem}.contact-info p{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;margin:0}.contact-info svg{color:var(--green);flex-shrink:0}@media (max-width:768px){.help-container{padding:1rem}.help-header h1{font-size:2rem}.form-row,.help-resources{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:1rem}.contact-support{padding:2rem 1.5rem}}.page-screen{display:flex;flex-direction:column;min-height:100%}.page-screen__content{padding:24px}.manual-editor{grid-gap:16px;display:grid;gap:16px;grid-template-columns:300px minmax(0,1fr) 280px;min-height:calc(100vh - 220px);width:100%}.manual-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.manual-panel h3{color:var(--text-primary);margin:0 0 10px}.manual-panel p{color:var(--text-secondary);margin:0}.manual-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:14px}.manual-actions .btn{width:100%}.manual-row{display:flex;gap:8px;margin-bottom:8px}.manual-row .btn{flex:1 1}.manual-text-controls{grid-gap:8px;display:grid;gap:8px;margin-bottom:10px}.manual-text-controls label{grid-gap:6px;color:var(--text-secondary);display:grid;font-size:12px;gap:6px}.manual-text-controls input{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);padding:8px 10px;width:100%}.manual-upload{display:block;margin-bottom:10px;width:100%}.manual-canvas-wrap{align-items:center;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;justify-content:center;min-width:0;overflow:auto;padding:16px}.manual-canvas{aspect-ratio:1/1;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;width:min(100%,840px)}.manual-selected-image{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.manual-selected-image img{border-radius:12px;max-height:220px;object-fit:cover;width:100%}.manual-selected-image small{color:var(--text-secondary)}.manual-selected-image a{color:var(--accent);text-decoration:none}.manual-canvas canvas{height:100%!important;width:100%!important}.manual-layers{display:flex;flex-direction:column;gap:8px;list-style:none;margin:10px 0 0;padding:0}.manual-layers button{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);padding:8px 10px;text-align:left;width:100%}.manual-layers button.is-active{background:var(--accent-soft);border-color:var(--accent-primary)}.manual-search{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto;margin:12px 0}.manual-search input{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);padding:10px 12px;width:100%}.manual-unsplash-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px;overflow:auto}.manual-unsplash-grid button{background:#0000;border:1px solid var(--border);border-radius:10px;overflow:hidden;padding:0}.manual-unsplash-grid img{display:block;height:100px;object-fit:cover;width:100%}.manual-error{color:var(--text-primary);margin-top:10px}.manual-footer{display:flex;gap:8px;margin-top:14px}@media (max-width:1280px){.manual-editor{grid-template-columns:280px minmax(0,1fr)}.manual-editor .manual-panel:last-child{grid-column:1/-1}}@media (max-width:900px){.manual-editor{grid-template-columns:1fr}.manual-canvas{width:min(100%,560px)}}*{box-sizing:border-box;margin:0;padding:0}*,:active,:focus,:hover{outline:none!important}button,button:active,button:focus,input,input:active,input:focus,select,select:active,select:focus,textarea,textarea:active,textarea:focus{box-shadow:none!important;outline:none!important}:root{--blue:var(--mp-blue-deep);--pink:var(--mp-purple);--green:var(--mp-green);--green-dark:var(--mp-green-strong);--red:var(--mp-red);--red-dark:var(--mp-red-strong);--dark:var(--mp-bg-base);--dark-lighter:var(--mp-bg-raised);--dark-card:var(--mp-bg-surface);--white:var(--mp-text-inv);--gray:var(--mp-text-2);--gray-light:var(--mp-text-1);--border-color:var(--mp-border);--shadow:var(--mp-shadow-sm);--shadow-lg:var(--mp-shadow-lg)}body{color:var(--mp-text-1);color:var(--gray-light);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7}.App,body{background:var(--mp-bg-base);background:var(--dark);min-height:100vh}h1,h2,h3,h4{color:var(--text-primary);line-height:1.15;line-height:var(--lh-tight,1.15)}h1,h2,h3,h4{font-weight:700}h1{font-size:40px;font-size:var(--font-page-title,40px);letter-spacing:-.03em}h2{font-size:26px;letter-spacing:-.02em}h2,h3{font-weight:600}h3{font-size:18px;font-size:var(--font-card-title,18px);letter-spacing:-.01em}h4{font-size:15px;font-weight:600;letter-spacing:0}.container{margin:0 auto;max-width:1320px;padding:0 48px}.card{background:var(--mp-bg-hover);border:1px solid var(--mp-border);border-radius:16px;border-radius:var(--radius-card,16px);box-shadow:var(--card-shadow);padding:24px;padding:var(--pad-card,24px);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth),transform var(--transition-smooth)}.card:hover{border-color:var(--mp-border-focus);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.card-premium{background:var(--mp-bg-hover);border:1px solid var(--mp-border);border-radius:16px;border-radius:var(--radius-card,16px);overflow:hidden;padding:0;transition:all var(--transition-smooth)}.card-premium:hover{box-shadow:var(--mp-shadow-glow);transform:translateY(-2px)}.card__hero{background:linear-gradient(135deg,var(--mp-green-dim),var(--mp-blue-dim));border-radius:12px 12px 0 0;padding:24px;position:relative}.card__hero-header{font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:16px}.card__hero-header,.card__icon{align-items:center;color:var(--mp-green);color:var(--green);display:flex}.card__icon{border-radius:50%;height:40px;justify-content:center;transition:all .3s ease;width:40px}.card__icon,.card__icon:hover{background:var(--mp-green-dim)}.card__icon:hover{transform:scale(1.1)}.card__title{color:var(--mp-text-inv);color:var(--white);font-size:24px;font-weight:600;line-height:1.3;margin:24px 0}.card__footer{flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px}.card__footer,.card__summary{align-items:center;display:flex}.card__summary{flex:1 1;gap:12px}.card__avatar{align-items:center;background:linear-gradient(135deg,var(--mp-green),var(--mp-blue-deep));background:linear-gradient(135deg,var(--green),var(--blue));border-radius:12px;color:var(--mp-text-inv);color:var(--white);display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.card__info{flex:1 1}.card__info-title{color:var(--mp-text-inv);color:var(--white);font-size:14px;font-weight:600;margin-bottom:4px}.card__info-subtitle{color:var(--mp-text-2);color:var(--gray);font-size:12px}.card__btn{background:var(--mp-bg-base);background:var(--dark);border:none;border-radius:12px;color:var(--mp-text-inv);color:var(--white);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.card__btn:hover{background:var(--mp-green);background:var(--green);color:var(--mp-bg-base);color:var(--dark);transform:translateY(-2px)}@media (max-width:640px){.card__footer{align-items:flex-start;flex-direction:column}.card__btn{width:100%}}.input-group{margin-bottom:28px}.input-group label{color:var(--text-muted);display:block;font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.input-group input,.input-group select,.input-group textarea{background:var(--mp-bg-base);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-sm,12px);color:var(--mp-text-inv);color:var(--white);font-family:Google Sans,sans-serif;font-size:15px;line-height:1.6;padding:14px 18px;transition:all .3s ease;transition:all var(--transition-smooth,.3s ease);width:100%}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--mp-border-focus);box-shadow:var(--mp-shadow-glow);outline:none}.btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-family:Google Sans,sans-serif;font-size:15px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.01em;outline:none;padding:16px 26px;transition:all .3s ease;white-space:nowrap}@media (max-width:768px){h1{font-size:48px}h2{font-size:34px}.container{padding:0 20px}.card{padding:24px}}.btn .inner{align-items:center;display:inline-flex;gap:8px;line-height:1}.btn .inner svg,.btn svg{flex-shrink:0;height:18px;width:18px}.btn:focus{outline:none}.btn-primary{background:#0000;border-radius:14px;cursor:pointer;display:inline-flex;font-size:14px;padding:0;position:relative;transition:all .3s ease}.btn-primary,.btn-primary:active,.btn-primary:focus{border:none;outline:none}.btn-primary:after{display:none}.btn-primary .blob1{background:radial-gradient(circle 60px at 0 100%,var(--mp-green),var(--mp-green-strong),#0000);box-shadow:var(--mp-shadow-md);left:0}.btn-primary .blob1,.btn-primary .blob2{border-radius:14px;bottom:0;height:100%;position:absolute;width:70px;z-index:0}.btn-primary .blob2{background:radial-gradient(circle 60px at 100% 100%,var(--mp-blue-deep),var(--mp-blue-ink),#0000);right:0}.btn-primary .inner{align-items:center;background:radial-gradient(circle 80px at 80% -50%,var(--mp-bg-elevated),var(--mp-bg-base));border-radius:12px;color:var(--mp-text-inv);display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;position:relative;white-space:nowrap;z-index:3}.btn-primary .inner:before{background:radial-gradient(circle 60px at 0 100%,var(--mp-green-dim),var(--mp-green-dim),#0000);border-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:hover .blob1{box-shadow:var(--mp-shadow-glow)}.btn-primary:active .inner{transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary:disabled:hover .blob1{box-shadow:var(--mp-shadow-md)}.btn-primary:not(:has(.inner)){background:linear-gradient(135deg,var(--mp-green),var(--mp-green-strong));background:linear-gradient(135deg,var(--green),var(--green-dark));border-radius:12px;color:var(--mp-bg-base);color:var(--dark);padding:12px 24px}.btn-primary:not(:has(.inner)):hover{background:linear-gradient(135deg,var(--mp-green-strong),var(--mp-green));background:linear-gradient(135deg,var(--green-dark),var(--green));box-shadow:var(--mp-shadow-glow)}.btn-secondary{background:var(--mp-bg-surface);background:var(--dark-card);border:1px solid var(--border-color);color:var(--mp-text-inv);color:var(--white);padding:12px 24px}.btn-secondary:hover{background:var(--mp-bg-raised);background:var(--dark-lighter);border-color:var(--green);transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid var(--green);color:var(--mp-green);color:var(--green);padding:12px 24px}.btn-outline:hover{background:var(--mp-green-dim);transform:translateY(-1px)}.btn-success{background:var(--mp-green);background:var(--green);border:none;color:var(--mp-bg-base);color:var(--dark);padding:12px 24px}.btn-success:hover{background:var(--mp-green-strong);background:var(--green-dark)}.btn-danger{background:var(--mp-red);background:var(--red);border:none;color:var(--mp-text-inv);color:var(--white);padding:12px 24px}.btn-danger:hover{background:var(--mp-red-strong);background:var(--red-dark)}.btn-sm{border-radius:10px;padding:8px 16px}.btn-sm.btn-primary .inner{font-size:13px;padding:8px 16px}.btn-lg,.btn-lg.btn-primary .inner{font-size:17px;padding:18px 34px}.btn-full,.btn-full.btn-primary{width:100%}.btn-full.btn-primary .inner{justify-content:center;width:100%}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge-primary{border:1px solid var(--mp-green-soft-border)}.badge-primary,.badge-success{background:var(--mp-green-dim);color:var(--mp-green);color:var(--green)}.badge-warning{background:var(--mp-amber-dim);color:var(--mp-amber)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--mp-bg-base);background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--mp-bg-surface);background:var(--dark-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--mp-border);background:var(--border-color)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--mp-overlay-modal);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-card{animation:slideUp .3s ease;background:var(--mp-bg-surface);background:var(--dark-card);border:1px solid var(--mp-border);border-radius:28px;border-radius:var(--radius-xl,28px);box-shadow:var(--mp-shadow-xl);padding:40px;position:relative;width:min(440px,calc(100% - 40px))}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{display:flex;flex-direction:column;gap:16px;margin-bottom:28px;width:100%}.modal-heading{color:var(--mp-text-inv);color:var(--white);font-size:22px;font-weight:700;margin:0}.modal-description{color:var(--mp-text-2);color:var(--gray);font-size:14px;font-weight:400;line-height:1.5;margin:0}.modal-button-wrapper{align-items:center;display:flex;gap:12px;justify-content:center;width:100%}.modal-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;height:44px;transition:all .3s ease}.modal-button.primary{background:var(--mp-green);background:var(--green);color:var(--mp-bg-base);color:var(--dark)}.modal-button.primary:hover{background:var(--mp-green-strong);background:var(--green-dark);box-shadow:var(--mp-shadow-glow);transform:translateY(-2px)}.modal-button.danger{background:var(--mp-red);background:var(--red);color:var(--mp-text-inv);color:var(--white)}.modal-button.danger:hover{background:var(--mp-red-strong);background:var(--red-dark);box-shadow:var(--mp-shadow-md);transform:translateY(-2px)}.modal-button.secondary{background:var(--mp-bg-base);background:var(--dark);border:1px solid var(--border-color);color:var(--mp-text-1);color:var(--gray-light)}.modal-button.secondary:hover{background:var(--mp-bg-raised);background:var(--dark-lighter);border-color:var(--green);color:var(--mp-text-inv);color:var(--white)}.modal-exit-button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px}.modal-exit-button:hover{background:var(--mp-red-dim)}.modal-exit-button:hover svg{fill:var(--mp-red);fill:var(--red)}.modal-exit-button svg{fill:var(--mp-text-2);fill:var(--gray);transition:all .3s ease}.modal-card.success .modal-heading{color:var(--mp-green);color:var(--green)}.modal-card.danger .modal-heading{color:var(--mp-red);color:var(--red)}.modal-card.info .modal-heading{color:var(--mp-blue-deep);color:var(--blue)}.card-media{border-radius:12px 12px 0 0;border-radius:var(--radius-card-inner,12px) var(--radius-card-inner,12px) 0 0;margin:-24px;margin:calc(var(--pad-card, 24px)*-1);margin-bottom:0;overflow:hidden;position:relative}.card-media-img{display:block;height:auto;object-fit:cover;width:100%}.card-header{gap:12px;justify-content:space-between;padding-bottom:16px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{font-size:18px;font-size:var(--font-card-title,18px);font-weight:600;gap:10px;letter-spacing:-.01em;margin:0}.card-header svg{color:var(--mp-green);color:var(--green);flex-shrink:0}.card-header .meta{color:var(--text-muted);font-size:12px;font-size:var(--font-meta,12px);white-space:nowrap}.card-divider{background:var(--mp-border-subtle);border:none;height:1px;margin:0}.card-section{gap:12px;gap:var(--space-sm,12px)}.card-body,.card-section{display:flex;flex-direction:column}.card-body{flex:1 1;gap:20px;gap:var(--space-md,20px)}.card-actions{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px);justify-content:flex-end;margin-top:auto;padding-top:16px}.card-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-size:var(--font-meta,12px);font-weight:600;gap:4px;line-height:1.4;padding:4px 10px}.card-badge.success{background:var(--mp-green-dim);color:var(--mp-green);color:var(--green)}.card-badge.warning{background:var(--mp-amber-dim);color:var(--mp-amber)}.card-badge.info{background:var(--mp-blue-dim);color:var(--mp-blue)}.card-badge.error{background:var(--mp-red-dim);color:var(--mp-red);color:var(--red)}.canvas-base{background:var(--body-bg);min-height:100vh;position:relative}.canvas-surface{position:relative;z-index:1}.float-card{background:var(--mp-bg-hover);border:1px solid var(--mp-border);border-radius:16px;border-radius:var(--radius-card,16px);box-shadow:var(--card-shadow);padding:24px;padding:var(--pad-card,24px);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.float-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}:root{--mp-btn-bg:color-mix(in srgb,var(--mp-bg-elevated) 88%,#0000);--mp-btn-border:color-mix(in srgb,var(--mp-text-inv) 12%,#0000);--mp-btn-text:var(--mp-text-1)}[data-theme=light]{--mp-btn-bg:color-mix(in srgb,var(--mp-bg-surface) 92%,#0000);--mp-btn-border:color-mix(in srgb,var(--mp-text-1) 16%,#0000);--mp-btn-text:var(--mp-text-1)}.btn,.btn-animated,.btn-danger,.btn-outline,.btn-primary,.btn-secondary,.btn-success{align-items:center;background:color-mix(in srgb,var(--mp-bg-elevated) 88%,#0000);background:var(--mp-btn-bg);border:1px solid var(--mp-btn-border);border-radius:12px;box-shadow:var(--mp-shadow-sm);color:var(--mp-text-1);color:var(--mp-btn-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;isolation:isolate;justify-content:center;line-height:1;overflow:hidden;padding:12px 18px;position:relative;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease}.btn-animated:before,.btn-danger:before,.btn-outline:before,.btn-primary:before,.btn-secondary:before,.btn-success:before,.btn:before{background:linear-gradient(90deg,var(--mp-green),var(--mp-blue),var(--mp-purple));border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .25s ease;z-index:-2}.btn-animated:after,.btn-danger:after,.btn-outline:after,.btn-primary:after,.btn-secondary:after,.btn-success:after,.btn:after{background:color-mix(in srgb,var(--mp-bg-elevated) 88%,#0000);background:var(--mp-btn-bg);border-radius:11px;content:"";inset:1px;position:absolute;z-index:-1}.btn-animated:hover,.btn-danger:hover,.btn-outline:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn:hover{box-shadow:var(--mp-shadow-md);transform:translateY(-1px) scale(1.02)}.btn-animated:hover:before,.btn-danger:hover:before,.btn-outline:hover:before,.btn-primary:hover:before,.btn-secondary:hover:before,.btn-success:hover:before,.btn:hover:before{opacity:1}.btn-animated:active,.btn-danger:active,.btn-outline:active,.btn-primary:active,.btn-secondary:active,.btn-success:active,.btn:active{transform:scale(.97)}.btn-animated:disabled,.btn-danger:disabled,.btn-outline:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-animated>*,.btn-danger>*,.btn-outline>*,.btn-primary>*,.btn-secondary>*,.btn-success>*,.btn>*{position:relative;z-index:1}.btn-animated:hover>span,.btn-primary:hover .inner,.btn-primary:hover>span,.btn:hover .inner,.btn:hover>span{transform:translateX(1px);transition:transform .25s ease}.btn-primary .blob1,.btn-primary .blob2{display:none}.btn-animated span,.btn-primary .inner{background:#0000;color:inherit;padding:0}.btn-outline{color:var(--mp-text-1);color:var(--mp-btn-text)}.btn-danger:before{background:linear-gradient(90deg,var(--mp-red),var(--mp-purple),var(--mp-blue))}.btn-success:before{background:linear-gradient(90deg,var(--mp-green),var(--mp-blue),var(--mp-green-strong))}.btn-sm{font-size:13px;padding:9px 14px}.btn-lg{font-size:15px;padding:14px 22px}.ui-btn{background:var(--mp-bg-elevated);background:var(--mp-btn-bg,var(--mp-bg-elevated));border:1px solid var(--mp-btn-border,var(--mp-border));border-radius:12px;box-shadow:var(--mp-shadow-sm);color:var(--mp-text-1);color:var(--mp-btn-text,var(--mp-text-1));cursor:pointer;font-weight:600;isolation:isolate;overflow:hidden;padding:12px 16px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ui-btn:before{background:linear-gradient(90deg,var(--mp-green),var(--mp-blue),var(--mp-purple));border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .25s ease;z-index:-2}.ui-btn:after{background:var(--mp-bg-elevated);background:var(--mp-btn-bg,var(--mp-bg-elevated));border-radius:11px;content:"";inset:1px;position:absolute;z-index:-1}.ui-btn:hover{box-shadow:var(--mp-shadow-md);transform:translateY(-1px) scale(1.02)}.ui-btn:hover:before{opacity:1}.ui-btn:active{transform:scale(.97)}.ui-btn--primary,.ui-btn--secondary{color:var(--mp-text-1);color:var(--mp-btn-text,var(--mp-text-1))}.ui-textarea{background:var(--mp-bg-base);border:1px solid var(--mp-border);border-radius:12px;color:var(--mp-text-1);padding:12px;resize:vertical;width:100%}.ui-select-card{background:var(--mp-bg-hover);border:1px solid var(--mp-border);border-radius:10px;color:var(--mp-text-1);cursor:pointer;padding:10px;text-align:left}.ui-select-card.is-selected{background:var(--mp-green-dim);border-color:var(--mp-border-focus)}.ui-section-block{margin-bottom:16px}.ui-section-title{color:var(--mp-text-2);font-size:14px;margin:0 0 10px}.ui-workspace-grid{grid-gap:16px;display:grid;gap:16px}.ui-modal-overlay{align-items:center;background:var(--mp-overlay-strong);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ui-modal{background:var(--mp-bg-surface);border-radius:14px;padding:20px;width:min(640px,92vw)}.mp-section{display:flex;flex-direction:column;gap:16px}.mp-section-title{color:var(--text-primary);font-size:var(--mp-fs-h3);margin:0}.mp-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:16px}.mp-card-actions,.mp-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.mp-card-body{display:flex;flex-direction:column;gap:12px}.mp-empty-state,.mp-loading-state{border:1px dashed var(--border-default);border-radius:12px;color:var(--text-secondary);padding:24px}
/*# sourceMappingURL=main.e2a6dc7c.css.map*/