:root{--primary-color:#1976d2;--primary-light:#42a5f5;--primary-dark:#1565c0;--primary-hover:#1976d2dd;--secondary-color:#ff6eb4;--secondary-light:#ff9ec5;--secondary-dark:#c93b7f;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--info-color:#2196f3;--background-color:#fafafa;--surface-color:#ffffff;--surface-variant:#f5f5f5;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-muted:#95a5a6;--text-on-primary:#ffffff;--text-on-secondary:#ffffff;--text-disabled:#b0bec5;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica","Arial",sans-serif;--font-secondary:"Roboto","Helvetica","Arial",sans-serif;--font-mono:"Fira Code","Monaco","Courier New",monospace;--font-roboto:"Roboto",sans-serif;--font-open-sans:"Open Sans",sans-serif;--font-playfair:"Playfair Display",serif;--font-montserrat:"Montserrat",sans-serif;--font-rubik:"Rubik",sans-serif;--font-poppins:"Poppins",sans-serif;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.75rem;--font-size-h4:1.5rem;--font-size-h5:1.25rem;--font-size-h6:1rem;--font-size-body1:1rem;--font-size-body2:0.875rem;--font-size-caption:0.75rem;--font-size-small:0.625rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--letter-spacing-tight:-0.05em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--text-align-left:left;--text-align-center:center;--text-align-right:right;--text-align-justify:justify;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--spacing-0:0px;--spacing-px:1px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--spacing-5xl:128px;--telegram-safe-area-top:56px;--element-gap-xs:4px;--element-gap-sm:8px;--element-gap-md:12px;--element-gap-lg:16px;--element-gap-xl:24px;--button-gap:8px;--card-gap:16px;--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--button-height-xl:56px;--button-padding-x-sm:16px;--button-padding-x-md:24px;--button-padding-x-lg:32px;--button-padding-x-xl:40px;--gradient-primary:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-light) 100%);--gradient-success:linear-gradient(135deg,var(--success-color) 0%,#66bb6a 100%);--gradient-warning:linear-gradient(135deg,var(--warning-color) 0%,#ffb74d 100%);--gradient-error:linear-gradient(135deg,var(--error-color) 0%,#e57373 100%);--gradient-hero:linear-gradient(135deg,#667eea,#764ba2);--gradient-sunset:linear-gradient(135deg,#ff6b35,#f7931e);--gradient-ocean:linear-gradient(135deg,#006994,#00acc1);--gradient-forest:linear-gradient(135deg,#2e7d32,#66bb6a);--gradient-coffee:linear-gradient(135deg,#6f4e37,#8b6f47);--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 2px 4px rgba(0,0,0,0.06);--shadow-md:0 4px 8px rgba(0,0,0,0.08);--shadow-lg:0 8px 16px rgba(0,0,0,0.12);--shadow-xl:0 12px 24px rgba(0,0,0,0.16);--shadow-2xl:0 20px 40px rgba(0,0,0,0.20);--shadow-inset:inset 0 2px 4px rgba(0,0,0,0.06);--shadow-primary:0 4px 12px rgba(25,118,210,0.15);--shadow-secondary:0 4px 12px rgba(255,110,180,0.15);--shadow-success:0 4px 12px rgba(76,175,80,0.15);--transition-fast:0.15s ease-out;--transition-normal:0.3s ease-out;--transition-slow:0.5s ease-out;--transition-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--opacity-disabled:0.38;--opacity-hover:0.8;--opacity-focus:0.9;--container-xs:475px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--breakpoint-xs:0px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1400px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}[data-theme=coffee]{--primary-color:#6f4e37;--primary-light:#8b6f47;--primary-dark:#5c3d27;--secondary-color:#d4a574;--secondary-light:#e4b884;--secondary-dark:#c49564;--background-color:#faf8f5;--surface-color:#ffffff}[data-theme=ocean]{--primary-color:#006994;--primary-light:#0288d1;--primary-dark:#004d75;--secondary-color:#00acc1;--secondary-light:#33bdcf;--secondary-dark:#008ba3;--background-color:#e0f7fa;--surface-color:#ffffff}[data-theme=sunset]{--primary-color:#ff6b35;--primary-light:#ff8a50;--primary-dark:#e5522b;--secondary-color:#f7931e;--secondary-light:#f9a74e;--secondary-dark:#dd7f0c;--background-color:#fff5f0;--surface-color:#ffffff}[data-theme=forest]{--primary-color:#2e7d32;--primary-light:#43a047;--primary-dark:#1b5e20;--secondary-color:#66bb6a;--secondary-light:#81c784;--secondary-dark:#4caf50;--background-color:#f1f8e9;--surface-color:#ffffff}[data-theme=dark]{--background-color:#1a1a1a;--surface-color:#2a2a2a;--text-primary:#ffffff;--text-secondary:#cccccc;--text-muted:#999999}.ui-demo-app{background-color:var(--background-color);color:var(--text-primary)}.ui-button,.ui-demo-app{transition:all var(--transition-normal)}.ui-button{background:var(--gradient-primary);color:white;border-radius:var(--button-radius);border:none;padding:12px 24px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm)}.ui-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ui-card{background-color:var(--surface-color);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.ui-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.ui-chip{color:white;border-radius:var(--chip-radius);padding:4px 12px;font-size:.75rem;font-weight:500}.bg-primary,.ui-chip{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-surface{background-color:var(--surface-color)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.radius-sm{border-radius:var(--button-radius)}.radius-md{border-radius:var(--card-radius)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.fade-in{animation:fadeIn var(--transition-normal) ease-in}.slide-up{animation:slideUp var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.MuiButton-contained{background:var(--gradient-primary)!important;border-radius:var(--button-radius)!important;box-shadow:var(--shadow-sm)!important}.MuiButton-contained:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important}.MuiCard-root{border-radius:var(--card-radius)!important;box-shadow:var(--shadow-sm)!important}.MuiCard-root:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-md)!important}.MuiChip-root{border-radius:var(--chip-radius)!important;background-color:var(--primary-color)!important;color:white!important}.MuiPaper-root{border-radius:var(--card-radius)!important}