:root{--md-primary-50:#f5f3ff;--md-primary-100:#ede9fe;--md-primary-200:#ddd6fe;--md-primary-300:#c4b5fd;--md-primary-400:#a78bfa;--md-primary-500:#8b5cf6;--md-primary-600:#7c53ff;--md-primary-700:#6d28d9;--md-primary-800:#5b21b6;--md-primary-900:#4c1d95;--md-secondary-50:#fdf4ff;--md-secondary-100:#fae8ff;--md-secondary-200:#f5d0fe;--md-secondary-300:#f0abfc;--md-secondary-400:#e879f9;--md-secondary-500:#d66cf2;--md-secondary-600:#c026d3;--md-secondary-700:#a21caf;--md-secondary-800:#86198f;--md-secondary-900:#701a75;--md-surface-50:#fffffe;--md-surface-100:#f8faff;--md-surface-200:#e8efff;--md-surface-300:#d2e0ff;--md-surface-400:#b9cef9;--md-surface-500:#9cb8f5;--md-surface-600:#7c9ee8;--md-surface-700:#5d82d4;--md-surface-800:#4366b8;--md-surface-900:#2d4a8c;--md-elevation-1:0 1px 3px #0000001f,0 1px 2px #0000003d;--md-elevation-2:0 3px 6px #00000026,0 2px 4px #0000001f;--md-elevation-3:0 10px 20px #00000026,0 3px 6px #0000001a;--md-elevation-4:0 15px 25px #00000026,0 5px 10px #0000000d;--md-elevation-6:0 20px 40px #0003;--md-font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--md-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--md-spacing-1:8px;--md-spacing-2:16px;--md-spacing-3:24px;--md-spacing-4:32px;--md-spacing-5:40px;--md-spacing-6:48px;--md-radius-xs:4px;--md-radius-sm:8px;--md-radius-md:12px;--md-radius-lg:16px;--md-radius-xl:20px;--md-radius-full:28px}.dark{--md-elevation-1:0 1px 3px #0000004d,0 1px 2px #00000080;--md-elevation-2:0 3px 6px #00000059,0 2px 4px #0000004d;--md-elevation-3:0 10px 20px #00000059,0 3px 6px #00000040;--md-elevation-4:0 15px 25px #00000059,0 5px 10px #0003;--md-elevation-6:0 20px 40px #0006}.md-surface{background:linear-gradient(135deg,var(--md-surface-50)0%,var(--md-surface-400)100%)}.md-surface-alt{background:linear-gradient(135deg,var(--md-primary-600)0%,var(--md-secondary-500)100%)}.md-elevation-1{box-shadow:var(--md-elevation-1)}.md-elevation-2{box-shadow:var(--md-elevation-2)}.md-elevation-3{box-shadow:var(--md-elevation-3)}.md-elevation-4{box-shadow:var(--md-elevation-4)}.md-elevation-6{box-shadow:var(--md-elevation-6)}.md-state-layer{position:relative;overflow:hidden}.md-state-layer:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .15s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.md-state-layer:hover:before{opacity:.08}.md-state-layer:focus:before{opacity:.12}.md-state-layer:active:before{opacity:.16}.md-card{border-radius:var(--md-radius-md);transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.md-card:hover{box-shadow:var(--md-elevation-3)}.md-fab{border-radius:var(--md-radius-full);background:linear-gradient(135deg,var(--md-primary-600)0%,var(--md-secondary-500)100%);width:56px;height:56px;box-shadow:var(--md-elevation-6);transition:all .28s cubic-bezier(.4,0,.2,1)}.md-fab:hover{box-shadow:var(--md-elevation-4);transform:scale(1.05)}.md-fab:active{transform:scale(.95)}.fab-menu-icon{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.fab-menu-icon:before,.fab-menu-icon:after{content:"";transform-origin:50%;background:#fff;border-radius:999px;width:2px;height:18px;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fab-menu-icon:before{transform:translate(-50%,-50%)rotate(90deg)}.fab-menu-icon:after{transform:translate(-50%,-50%)rotate(0)}.fab-menu-icon[data-open=true]:before{transform:translate(-50%,-50%)rotate(45deg)}.fab-menu-icon[data-open=true]:after{transform:translate(-50%,-50%)rotate(-45deg)}.md-btn-filled{background:linear-gradient(135deg,var(--md-primary-600)0%,var(--md-secondary-500)100%);color:#fff;border-radius:var(--md-radius-full);box-shadow:var(--md-elevation-2);justify-content:center;align-items:center;padding:10px 24px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.md-btn-filled:hover{box-shadow:var(--md-elevation-3);transform:translateY(-1px)}.md-btn-filled:active{box-shadow:var(--md-elevation-1);transform:translateY(0)}.md-btn-outlined{border:1px solid var(--md-primary-600);color:var(--md-primary-600);border-radius:var(--md-radius-full);background:0 0;justify-content:center;align-items:center;padding:10px 24px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.md-btn-outlined:hover{background:#7c53ff14}.md-btn-text{color:var(--md-primary-600);border-radius:var(--md-radius-full);background:0 0;justify-content:center;align-items:center;padding:10px 24px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.md-btn-text:hover{background:#7c53ff14}.md-text-field{padding-top:16px;position:relative}.md-text-field input{border-radius:var(--md-radius-xs);border:1px solid #0000003b;width:100%;padding:16px 12px 8px;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.md-text-field input:focus{border-color:var(--md-primary-600);border-width:2px;outline:none;padding:16px 11px 8px}.md-text-field label{color:#0009;pointer-events:none;padding:0 4px;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:24px;left:12px}.md-text-field input:not(:-moz-placeholder-shown)+label{color:var(--md-primary-600);font-size:12px;top:8px}.md-text-field input:focus+label,.md-text-field input:not(:placeholder-shown)+label{color:var(--md-primary-600);font-size:12px;top:8px}.md-chip{border-radius:var(--md-radius-sm);background:var(--md-surface-200);align-items:center;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.md-chip:hover{background:var(--md-surface-300);box-shadow:var(--md-elevation-1)}.md-list-item{border-radius:var(--md-radius-sm);align-items:center;padding:12px 16px;transition:background .15s cubic-bezier(.4,0,.2,1);display:flex}.md-list-item:hover{background:#7c53ff14}.md-progress-circular{border:4px solid var(--md-surface-300);border-top-color:var(--md-primary-600);border-radius:50%;width:48px;height:48px;animation:1s linear infinite md-spin}@keyframes md-spin{to{transform:rotate(360deg)}}@media (max-width:640px){:root{--md-spacing-2:12px;--md-spacing-3:16px;--md-spacing-4:24px}}
