@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--purple: #9c27b0;--pink: #e91e63;--purple-light: #c084fc;--fuchsia-light: #f0abfc;--gold-light: #fbbf24;--dark-bg: #0f172a;--dark-surface: #1e293b;--dark-card: #334155;--text-light: #f1f5f9;--text-grey: #757575;--error: #f44336}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);font-family:Poppins,sans-serif;padding:16px;position:relative;overflow:hidden}.login-root:before{content:"";position:absolute;top:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(156,39,176,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float1 8s ease-in-out infinite}.login-root:after{content:"";position:absolute;bottom:-15%;right:-5%;width:450px;height:450px;background:radial-gradient(circle,rgba(233,30,99,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float2 10s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,40px) scale(1.05)}}.login-card{width:100%;max-width:440px;position:relative;z-index:1;animation:cardIn .5s cubic-bezier(.16,1,.3,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-area{text-align:center;margin-bottom:32px}.logo-img-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#9c27b04d,#e91e634d);border:1px solid rgba(156,39,176,.4);margin-bottom:16px;box-shadow:0 0 40px #9c27b04d}.logo-img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;border-radius:12px}.logo-fallback{font-size:36px;line-height:1}.app-title{font-size:36px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#c084fc,#f0abfc,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.app-subtitle{font-size:13px;color:#f1f5f980;font-weight:400;letter-spacing:.3px}.glass-card{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(51,65,85,.6);border-radius:24px;padding:32px;box-shadow:0 25px 60px #0006,inset 0 1px #ffffff0d}.mode-toggle{display:flex;background:#0f172a99;border:1px solid rgba(51,65,85,.5);border-radius:14px;padding:4px;margin-bottom:28px;gap:4px}.mode-btn{flex:1;padding:10px;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);background:transparent;color:#f1f5f966}.mode-btn.active{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;box-shadow:0 4px 20px #9c27b066}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:#f1f5f999;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.form-input{width:100%;padding:13px 16px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s;outline:none;box-sizing:border-box}.form-input::-moz-placeholder{color:#75757599}.form-input::placeholder{color:#75757599}.form-input:focus{border-color:#9c27b099;background:#0f172acc;box-shadow:0 0 0 3px #9c27b026}.error-box{background:#f443361f;border:1px solid rgba(244,67,54,.3);border-radius:10px;padding:12px 14px;font-size:13px;color:#ff7b72;margin-bottom:16px}.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--purple),var(--pink));border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #9c27b059;position:relative;overflow:hidden;margin-top:8px}.btn-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s}.btn-submit:hover:before{opacity:1}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 12px 30px #9c27b073}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#f1f5f940;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#33415580}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.btn-google:hover{background:#33415566;border-color:#c084fc66;transform:translateY(-1px)}.bottom-deco{text-align:center;margin-top:24px;font-size:11px;color:#f1f5f933;letter-spacing:.5px}.layout-root{min-height:100vh;font-family:Poppins,sans-serif;background:#0f172a;color:#f1f5f9}.home-bg:before{content:"";position:absolute;top:-15%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(156,39,176,.18) 0%,transparent 70%);border-radius:50%;animation:bgFloat1 9s ease-in-out infinite}.home-bg:after{content:"";position:absolute;bottom:-10%;right:-5%;width:450px;height:450px;background:radial-gradient(circle,rgba(233,30,99,.14) 0%,transparent 70%);border-radius:50%;animation:bgFloat2 12s ease-in-out infinite}@keyframes bgFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,40px) scale(1.06)}}@keyframes bgFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,-30px) scale(1.08)}}.layout-navbar{position:sticky;top:0;z-index:40;background:#0f172abf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(51,65,85,.5)}.layout-navbar__inner{max-width:1400px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between}.layout-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.layout-logo__icon{font-size:24px}.layout-logo__text{font-size:20px;font-weight:800;background:linear-gradient(135deg,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.layout-navbar__actions{display:flex;align-items:center;gap:12px}.layout-add-btn{display:flex;align-items:center;gap:8px;padding:9px 18px;background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #9c27b059}.layout-add-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #9c27b073}.layout-add-btn__label{display:none}@media (min-width: 480px){.layout-add-btn__label{display:inline}}.layout-user-menu{position:relative}.layout-avatar-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;transition:box-shadow .2s}.layout-avatar-btn:hover{box-shadow:0 0 0 2px #c084fc80}.layout-avatar-img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.layout-avatar-fallback{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#9c27b0,#e91e63);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.layout-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:200px;background:#1e293bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(51,65,85,.6);border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0006;animation:dropIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.layout-dropdown__user{padding:12px 16px;font-size:12px;color:#94a3b8;border-bottom:1px solid rgba(51,65,85,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-dropdown__account{display:block;width:100%;padding:11px 16px;text-align:left;background:none;border:none;border-bottom:1px solid rgba(51,65,85,.5);font-family:Poppins,sans-serif;font-size:13px;color:#f1f5f9;text-decoration:none;cursor:pointer;transition:background .15s}.layout-dropdown__account:hover{background:#c084fc1a}.layout-dropdown__logout{width:100%;padding:11px 16px;text-align:left;background:none;border:none;font-family:Poppins,sans-serif;font-size:13px;color:#f87171;cursor:pointer;transition:background .15s}.layout-dropdown__logout:hover{background:#f443361a}.layout-main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:12px 10px}@media (min-width: 640px){.layout-main{padding:24px 20px}}.layout-logo__img{height:36px;width:36px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:8px;box-shadow:0 2px 8px #9c27b04d;background:#fff}.filterbar{background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:16px;padding:10px;margin-bottom:20px;display:flex;flex-direction:column}.filterbar__search-wrap{position:relative;margin-bottom:10px}.filterbar__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#94a3b8;pointer-events:none}.filterbar__search{width:100%;padding:8px 12px 8px 34px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:10px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.filterbar__search:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.filterbar__chips-row{display:flex;align-items:center;gap:8px}.filterbar__chips{flex:1;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filterbar__chips::-webkit-scrollbar{display:none}.filterbar__chip{padding:6px 12px;border-radius:18px;border:1px solid rgba(51,65,85,.6);background:#0f172a66;color:#94a3b8;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s;opacity:.75}.filterbar__chip:hover{opacity:1;border-color:#c084fc66;color:#c084fc}.filterbar__chip--active{opacity:1!important;border-color:#c084fc80!important;color:#c084fc!important}.filterbar__chip--all.filterbar__chip--active{background:#94a3b826;color:#f1f5f9!important;border-color:#94a3b866!important}.filterbar__chip--course.filterbar__chip--active{background:#2196f326;color:#64b5f6!important;border-color:#2196f366!important}.filterbar__chip--training.filterbar__chip--active{background:#4caf5026;color:#81c784!important;border-color:#4caf5066!important}.filterbar__chip--performance.filterbar__chip--active{background:#ff980026;color:#ffb74d!important;border-color:#ff980066!important}.filterbar__chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:14px;padding:0 4px;margin-left:5px;background:#ffffff1a;border-radius:6px;font-size:9px;font-weight:700}.filterbar__toggle-btn{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#0f172a66;border:1px solid rgba(51,65,85,.6);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s;position:relative}.filterbar__toggle-btn:hover{background:#0f172a99;border-color:#9c27b066}.filterbar__toggle-btn--has-active{border-color:#9c27b080;color:#c084fc}.filterbar__toggle-chevron{transition:transform .3s ease}.filterbar__toggle-btn--open .filterbar__toggle-chevron{transform:rotate(180deg)}.filterbar__toggle-badge{position:absolute;top:-4px;right:-4px;background:#9c27b0;color:#fff;font-size:8px;padding:1px 4px;border-radius:8px;font-weight:700;border:1px solid #1e293b}.filterbar__secondary-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out,margin-top .3s ease-out;overflow:hidden}.filterbar__secondary-wrap--open{grid-template-rows:1fr;margin-top:12px}.filterbar__secondary{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}@media (min-width: 640px){.filterbar__secondary{display:flex;flex-wrap:wrap}}.filterbar__select{padding:6px 24px 6px 10px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:8px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:11px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filterbar__fav-btn{padding:6px 12px;border-radius:8px;border:1px solid rgba(51,65,85,.6);background:#0f172a66;color:#94a3b8;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;cursor:pointer}.filterbar__fav-btn--active{background:#fbbf241f;border-color:#fbbf2480;color:#fbbf24}.vcard{background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;animation:vcardIn .4s cubic-bezier(.16,1,.3,1) both}.vcard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0006,0 0 0 1px #c084fc33;border-color:#c084fc4d}@keyframes vcardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vcard__thumb{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0f172a99;text-decoration:none}.vcard__thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.vcard:hover .vcard__thumb-img{transform:scale(1.04)}.vcard__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px}.vcard__duration{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;font-size:11px;padding:2px 7px;border-radius:6px;font-family:Poppins,sans-serif}.vcard__type-badge{position:absolute;top:8px;left:8px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge--course{background:#2196f3bf;color:#fff}.badge--training{background:#4caf50bf;color:#fff}.badge--performance{background:#ff9800bf;color:#fff}.badge--note{background:#9c27b0bf;color:#fff}.vcard__fav{position:absolute;top:8px;right:8px;width:30px;height:30px;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:transform .2s}.vcard__fav:hover{transform:scale(1.2)}.vcard__body{padding:12px 14px}.vcard__title{display:block;font-size:14px;font-weight:600;color:#f1f5f9;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;transition:color .2s}.vcard__title:hover{color:#c084fc}.vcard__meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;margin-bottom:6px}.vcard__style{color:#c084fc;font-weight:500}.vcard__info{font-size:11px;color:#94a3b8;display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.vcard__tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.vcard__tag{padding:2px 8px;border-radius:10px;background:#33415580;color:#94a3b8;font-size:11px}.vcard__tag-more{font-size:11px;color:#64748b;padding:2px 4px}.vcard__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(51,65,85,.4);padding-top:8px;margin-top:4px}.vcard__statut{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8}.vcard__delete{background:none;border:none;color:#475569;cursor:pointer;padding:4px;border-radius:6px;transition:color .2s,background .2s;display:flex;align-items:center}.vcard__delete:hover{color:#f87171;background:#f443361a}.vcard__thumb-spinner{display:inline-block;width:24px;height:24px;border:2px solid rgba(192,132,252,.25);border-top-color:#c084fc;border-radius:50%;animation:spin .8s linear infinite}.upload-progress{position:fixed;bottom:20px;right:20px;z-index:100;width:240px;background:#1e293beb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(156,39,176,.35);border-radius:16px;padding:14px 16px;box-shadow:0 8px 30px #0006,0 0 0 1px #c084fc1a;animation:uploadIn .3s cubic-bezier(.16,1,.3,1)}@keyframes uploadIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-progress__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.upload-progress__spinner{width:16px;height:16px;border:2px solid rgba(192,132,252,.25);border-top-color:#c084fc;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.upload-progress__label{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;color:#f1f5f9;flex:1}.upload-progress__pct{font-family:Poppins,sans-serif;font-size:12px;font-weight:700;background:linear-gradient(135deg,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-progress__track{width:100%;height:4px;background:#33415599;border-radius:4px;overflow:hidden}.upload-progress__bar{height:100%;background:linear-gradient(90deg,#9c27b0,#e91e63);border-radius:4px;transition:width .3s ease;box-shadow:0 0 8px #9c27b080}.cr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:cr-fade-in .2s ease}@keyframes cr-fade-in{0%{opacity:0}to{opacity:1}}.cr-modal{background:#0f172af2;border:1px solid rgba(139,92,246,.25);border-radius:20px;width:100%;max-width:520px;box-shadow:0 32px 80px #0009,0 0 0 1px #8b5cf61a;overflow:hidden;display:flex;flex-direction:column;animation:cr-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes cr-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cr-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(51,65,85,.5)}.cr-header-title{font-family:Poppins,sans-serif;font-weight:600;font-size:15px;color:#e2e8f0;letter-spacing:.02em}.cr-close{background:#33415580;border:1px solid rgba(71,85,105,.4);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .15s}.cr-close:hover{background:#8b5cf633;border-color:#8b5cf680;color:#e2e8f0}.cr-viewport{position:relative;background:#000;aspect-ratio:16 / 9;overflow:hidden}.cr-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cr-video--mirrored{transform:scaleX(-1)}.cr-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#030712cc;color:#94a3b8;font-family:Poppins,sans-serif;font-size:13px}.cr-spinner{width:36px;height:36px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:cr-spin .8s linear infinite}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-rec-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:7px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(239,68,68,.4);border-radius:20px;padding:5px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#fca5a5;letter-spacing:.06em}.cr-rec-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:cr-blink 1s step-start infinite}@keyframes cr-blink{0%,to{opacity:1}50%{opacity:0}}.cr-progress-track{height:3px;background:#33415580}.cr-progress-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);transition:width 1s linear}.cr-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 24px}.cr-limit-hint{text-align:center;font-family:Poppins,sans-serif;font-size:11px;color:#94a3b899;padding:0 24px 16px;margin:0}.cr-btn{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;border:none;border-radius:12px;cursor:pointer;padding:10px 20px;transition:all .18s;display:flex;align-items:center;gap:8px;white-space:nowrap}.cr-btn--primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 4px 16px #8b5cf659}.cr-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #8b5cf680}.cr-btn--ghost{background:#1e293bb3;border:1px solid rgba(71,85,105,.5);color:#cbd5e1}.cr-btn--ghost:hover{background:#334155b3;border-color:#8b5cf666;color:#e2e8f0}.cr-btn--icon{width:44px;height:44px;padding:0;justify-content:center;font-size:18px;border-radius:50%;flex-shrink:0}.cr-btn--record{background:#ef44441a;border:2px solid rgba(239,68,68,.6);color:#fca5a5;padding:12px 28px;border-radius:50px;font-size:14px}.cr-btn--record:hover{background:#ef444433;border-color:#ef4444;box-shadow:0 0 20px #ef444440;transform:scale(1.02)}.cr-record-circle{width:12px;height:12px;border-radius:50%;background:#ef4444;flex-shrink:0}.cr-btn--stop{background:#ef444426;border:2px solid #ef4444;color:#fca5a5;padding:12px 28px;border-radius:50px;font-size:14px}.cr-btn--stop:hover{background:#ef444440;box-shadow:0 0 24px #ef44444d}.cr-stop-square{width:12px;height:12px;border-radius:3px;background:#ef4444;flex-shrink:0}.cr-modal--error{max-width:380px;padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.cr-error-icon{font-size:42px}.cr-error-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#e2e8f0;margin:0}.cr-error-body{font-family:Poppins,sans-serif;font-size:13px;color:#94a3b8;line-height:1.6;margin:0}.cr-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (max-width: 480px){.cr-modal{border-radius:16px}.cr-controls{flex-wrap:wrap;gap:10px}.cr-btn--ghost,.cr-btn--primary{flex:1;justify-content:center}}.cr-native-waiting{aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#030712b3;border:2px dashed rgba(139,92,246,.3);transition:border-color .2s,background .2s;padding:24px}.cr-native-waiting--drag{border-color:#8b5cf6b3;background:#8b5cf614}.cr-native-waiting__icon{font-size:48px;animation:cr-pulse 2s ease-in-out infinite}@keyframes cr-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.cr-native-waiting__title{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#e2e8f0;margin:0;text-align:center}.cr-native-waiting__sub{font-family:Poppins,sans-serif;font-size:12px;color:#64748b;margin:0;text-align:center;line-height:1.5;max-width:280px}.pld-root{animation:pldFadeIn .3s ease both}@keyframes pldFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pld-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px;flex-wrap:wrap}.pld-back-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:#1e293b99;border:1px solid rgba(51,65,85,.5);border-radius:12px;color:var(--text-grey);font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.pld-back-btn:hover{color:var(--text-light);border-color:#c084fc66}.pld-actions{display:flex;gap:10px;flex-wrap:wrap}.pld-btn-primary{padding:9px 18px;background:linear-gradient(135deg,var(--purple),var(--pink));border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #9c27b04d}.pld-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #9c27b066}.pld-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pld-btn-secondary{padding:9px 18px;background:#1e293b99;border:1px solid rgba(192,132,252,.4);border-radius:12px;color:var(--purple-light);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.pld-btn-secondary:hover{background:#c084fc1a;border-color:#c084fc99}.pld-btn-ghost{padding:9px 18px;background:transparent;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-grey);font-family:Poppins,sans-serif;font-size:13px;cursor:pointer;transition:all .2s}.pld-btn-ghost:hover{color:var(--text-light);border-color:#c084fc4d}.pld-info{display:flex;gap:20px;align-items:flex-start;margin-bottom:32px;background:#1e293b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.4);border-radius:20px;padding:24px}.pld-info__cover{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,#9c27b04d,#e91e6333);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:36px}.pld-info__text{flex:1;min-width:0}.pld-info__name{font-size:22px;font-weight:800;color:var(--text-light);margin-bottom:6px;background:linear-gradient(135deg,var(--purple-light),var(--fuchsia-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pld-info__desc{font-size:13px;color:var(--text-grey);margin-bottom:10px;line-height:1.5}.pld-info__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-grey)}.pld-info__meta span{display:flex;align-items:center;gap:4px}.pld-video-grid{display:flex;flex-direction:column;gap:10px}.pld-vcard{display:flex;align-items:center;gap:14px;background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(51,65,85,.4);border-radius:14px;padding:12px;transition:all .2s;animation:pldFadeIn .3s ease both}.pld-vcard:hover{border-color:#c084fc4d;background:#1e293bb3}.pld-vcard__index{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#9c27b026;border:1px solid rgba(192,132,252,.25);font-size:11px;font-weight:700;color:var(--purple-light)}.pld-vcard__thumb{flex-shrink:0;width:80px;height:50px;border-radius:10px;overflow:hidden;background:#0f172a99;display:block}.pld-vcard__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pld-vcard__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}.pld-vcard__body{flex:1;min-width:0}.pld-vcard__title{display:block;font-size:14px;font-weight:600;color:var(--text-light);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;transition:color .2s}.pld-vcard__title:hover{color:var(--purple-light)}.pld-vcard__meta{display:flex;gap:10px;font-size:11px;color:var(--text-grey);flex-wrap:wrap}.pld-vcard__remove{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(51,65,85,.4);border-radius:8px;color:var(--text-grey);font-size:12px;cursor:pointer;transition:all .2s}.pld-vcard__remove:hover{border-color:#f4433680;color:#e57373;background:#f4433614}.pld-vcard__remove--confirm{border-color:#f44336b3;color:#e57373;background:#f4433626;animation:pldPulse .5s ease}@keyframes pldPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pld-empty{text-align:center;padding:60px 20px;color:var(--text-grey);display:flex;flex-direction:column;align-items:center;gap:8px}.pld-empty__icon{font-size:48px;margin-bottom:8px}.pld-empty__title{font-size:16px;font-weight:600;color:var(--text-light)}.pld-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.pld-modal-card{width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background:#1e293bfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(51,65,85,.6);border-radius:24px;padding:28px;box-shadow:0 25px 60px #00000080;animation:pldFadeIn .3s cubic-bezier(.16,1,.3,1)}.pld-modal-card--wide{max-width:600px}.pld-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pld-modal-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--purple-light),var(--fuchsia-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pld-close-btn{background:transparent;border:none;color:var(--text-grey);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s}.pld-close-btn:hover{color:var(--text-light)}.pld-share-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.pld-form-row{display:flex;gap:10px}.pld-form-input{flex:1;padding:10px 14px;background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:13px;outline:none;transition:border-color .2s;width:100%}.pld-form-input:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01a}.pld-form-input::-moz-placeholder{color:#94a3b866}.pld-form-input::placeholder{color:#94a3b866}.pld-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-grey);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pld-checkbox{width:16px;height:16px;accent-color:var(--purple);cursor:pointer}.pld-msg{font-size:12px;font-weight:500;padding:8px 12px;border-radius:8px;margin-bottom:12px}.pld-msg--error{background:#f443361f;border:1px solid rgba(244,67,54,.3);color:#e57373}.pld-msg--success{background:#4caf501f;border:1px solid rgba(76,175,80,.3);color:#81c784}.pld-shared-list{border-top:1px solid rgba(51,65,85,.4);padding-top:16px}.pld-shared-list__title{font-size:11px;font-weight:700;color:var(--text-grey);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.pld-shared-user{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(51,65,85,.25)}.pld-shared-user:last-child{border-bottom:none}.pld-shared-user__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.pld-shared-user__info{flex:1;min-width:0}.pld-shared-user__name{font-size:13px;font-weight:600;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pld-shared-user__email{font-size:11px;color:var(--text-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pld-shared-user__role{flex-shrink:0;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;background:#33415580;color:var(--text-grey)}.pld-shared-user__role--edit{background:#9c27b026;color:var(--purple-light)}.pld-shared-user__revoke{flex-shrink:0;background:transparent;border:1px solid rgba(51,65,85,.4);border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-grey);cursor:pointer;transition:all .2s}.pld-shared-user__revoke:hover{border-color:#f4433680;color:#e57373;background:#f4433614}.pld-video-list{max-height:350px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-right:4px}.pld-video-list::-webkit-scrollbar{width:4px}.pld-video-list::-webkit-scrollbar-track{background:transparent}.pld-video-list::-webkit-scrollbar-thumb{background:#9c27b04d;border-radius:4px}.pld-video-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f172a66;border:1px solid rgba(51,65,85,.4);border-radius:12px;cursor:pointer;transition:all .15s}.pld-video-row:hover{border-color:#c084fc4d;background:#c084fc0d}.pld-video-row--selected{border-color:#9c27b080;background:#9c27b01a}.pld-video-row__check{font-size:16px;flex-shrink:0}.pld-video-row__info{flex:1;min-width:0}.pld-video-row__title{font-size:13px;font-weight:600;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pld-video-row__meta{display:flex;gap:8px;font-size:11px;color:var(--text-grey);margin-top:2px}.pld-video-row__thumb{flex-shrink:0;width:56px;height:36px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.pld-empty-msg{text-align:center;font-size:13px;color:var(--text-grey);padding:32px 0}.pld-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.pld-vcard__thumb-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.pld-share-tabs{display:flex;gap:4px;background:#0f172a80;border:1px solid rgba(51,65,85,.5);border-radius:12px;padding:4px;margin-bottom:16px}.pld-share-tab{flex:1;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#64748b;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.pld-share-tab:hover{color:#f1f5f9}.pld-share-tab--active{background:linear-gradient(135deg,#9c27b04d,#e91e6333);color:#c084fc;border:1px solid rgba(192,132,252,.3)}.pld-friends-picker{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.pld-friends-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;padding-right:2px}.pld-friends-list::-webkit-scrollbar{width:4px}.pld-friends-list::-webkit-scrollbar-track{background:transparent}.pld-friends-list::-webkit-scrollbar-thumb{background:#9c27b04d;border-radius:4px}.pld-friend-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:#0f172a66;border:1px solid rgba(51,65,85,.4);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;font-family:Poppins,sans-serif}.pld-friend-row:hover:not(:disabled){border-color:#c084fc66;background:#c084fc0f}.pld-friend-row--selected{border-color:#9c27b099!important;background:#9c27b01f!important}.pld-friend-row--shared{opacity:.45;cursor:not-allowed}.pld-friend-row__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#9c27b0,#e91e63);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.pld-friend-row__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pld-friend-row__info{flex:1;min-width:0}.pld-friend-row__name{font-size:13px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 2px}.pld-friend-row__email{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.pld-friend-row__badge{flex-shrink:0;font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px}.pld-friend-row__badge--done{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.2)}.pld-friend-row__badge--sel{background:#9c27b033;color:#c084fc;border:1px solid rgba(192,132,252,.3)}.pld-share-options{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#9c27b012;border:1px solid rgba(192,132,252,.2);border-radius:12px;flex-wrap:wrap}.pld-shared-user__role--btn{cursor:pointer;border:1px solid rgba(51,65,85,.5);background:#33415559;font-family:Poppins,sans-serif;transition:all .2s}.pld-shared-user__role--btn:hover:not(:disabled){border-color:#c084fc80;background:#c084fc1a;color:#c084fc;transform:scale(1.04)}.pld-shared-user__role--edit.pld-shared-user__role--btn:hover:not(:disabled){border-color:#94a3b866;background:#94a3b814;color:#94a3b8}.pld-shared-user__role--btn:disabled{opacity:.5;cursor:not-allowed}.pl-root{position:relative}.pl-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.pl-tabs{display:flex;gap:4px;background:#0f172a80;border:1px solid rgba(51,65,85,.5);border-radius:14px;padding:4px}.pl-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:10px;background:transparent;color:var(--text-grey);font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pl-tab:hover{color:var(--text-light)}.pl-tab--active{background:linear-gradient(135deg,#9c27b04d,#e91e6333);color:var(--purple-light);border:1px solid rgba(192,132,252,.3)}.pl-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#c084fc33;border-radius:10px;font-size:11px;font-weight:700;color:var(--purple-light)}.pl-btn-primary{padding:10px 20px;background:linear-gradient(135deg,var(--purple),var(--pink));border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #9c27b04d;white-space:nowrap}.pl-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #9c27b066}.pl-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.pl-btn-ghost{padding:10px 20px;background:transparent;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-grey);font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.pl-btn-ghost:hover{border-color:#c084fc66;color:var(--text-light)}.pl-grid{display:grid;grid-template-columns:1fr;gap:16px;animation:plFadeIn .3s ease both}@keyframes plFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 480px){.pl-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.pl-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.pl-grid{grid-template-columns:repeat(4,1fr)}}.pl-card{background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;animation:plFadeIn .4s cubic-bezier(.16,1,.3,1) both}.pl-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000059,0 0 0 1px #c084fc33;border-color:#c084fc4d}.pl-card__badge{position:absolute;top:8px;right:8px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pl-card__badge--shared{background:#9c27b099;color:#fff;border:1px solid rgba(192,132,252,.4)}.pl-card__badge--received{background:#2196f399;color:#fff;border:1px solid rgba(100,181,246,.4)}.pl-card__body{padding:14px}.pl-card__name{font-size:14px;font-weight:700;color:var(--text-light);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card__desc{font-size:12px;color:var(--text-grey);margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pl-card__meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-grey);flex-wrap:wrap}.pl-card__count{font-weight:600;color:var(--purple-light)}.pl-card__owner{color:var(--text-grey);font-style:italic}.pl-card__date{margin-left:auto}.pl-card__actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(51,65,85,.4)}.pl-card__action-btn{flex:1;padding:6px;background:transparent;border:1px solid rgba(51,65,85,.5);border-radius:8px;color:var(--text-grey);font-size:14px;cursor:pointer;transition:all .2s;text-align:center}.pl-card__action-btn:hover{border-color:#c084fc66;background:#c084fc14}.pl-card__action-btn--danger:hover{border-color:#f4433666;background:#f4433614}.pl-empty{text-align:center;padding:80px 20px;color:var(--text-grey)}.pl-empty__icon{font-size:56px;margin-bottom:16px;display:block;animation:float1 3s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pl-empty__title{font-size:18px;font-weight:600;color:var(--text-light);margin-bottom:6px}.pl-empty__sub{font-size:13px;color:var(--text-grey);margin-bottom:20px}.pl-spinner-wrapper{display:flex;justify-content:center;padding:80px 0}.pl-spinner{width:36px;height:36px;border:3px solid rgba(156,39,176,.2);border-top-color:var(--purple-light);border-radius:50%;animation:plSpin .8s linear infinite}@keyframes plSpin{to{transform:rotate(360deg)}}.pl-toast{position:fixed;bottom:20px;left:20px;z-index:100;background:#1e293bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:14px 18px;font-size:13px;font-family:Poppins,sans-serif;box-shadow:0 8px 30px #0006;animation:plFadeIn .3s cubic-bezier(.16,1,.3,1)}.pl-toast--danger{border:1px solid rgba(244,67,54,.4);color:#e57373}.pl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.pl-modal-card{width:100%;max-width:480px;background:#1e293bf7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(51,65,85,.6);border-radius:24px;padding:32px;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff0a;animation:plFadeIn .3s cubic-bezier(.16,1,.3,1)}.pl-modal-title{font-size:20px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,var(--purple-light),var(--fuchsia-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pl-form{display:flex;flex-direction:column;gap:16px}.pl-form-field{display:flex;flex-direction:column;gap:6px}.pl-form-label{font-size:12px;font-weight:600;color:var(--text-grey);text-transform:uppercase;letter-spacing:.5px}.pl-form-input,.pl-form-textarea{padding:11px 14px;background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;resize:none}.pl-form-input:focus,.pl-form-textarea:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.pl-form-input::-moz-placeholder,.pl-form-textarea::-moz-placeholder{color:#94a3b866}.pl-form-input::placeholder,.pl-form-textarea::placeholder{color:#94a3b866}.pl-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.pl-card__mosaic-wrapper{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0f172acc}.pl-card__mosaic-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 45%,rgba(15,23,42,.72) 100%);pointer-events:none;z-index:1}.pl-mosaic{width:100%;height:100%;display:grid;gap:2px;background:#0a101ee6}.pl-mosaic--four{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pl-mosaic--two{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.pl-mosaic--one{grid-template-columns:1fr;grid-template-rows:1fr}.pl-mosaic--zero{display:flex;align-items:center;justify-content:center;background:#0f172a99}.pl-mosaic__placeholder-icon{font-size:40px;opacity:.4}.pl-mosaic__cell{overflow:hidden;position:relative;background:#0f172ab3}.pl-mosaic__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.pl-card:hover .pl-mosaic__img{transform:scale(1.06)}.pl-mosaic__cell--empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:.35}.pl-mosaic__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(192,132,252,.2);border-top-color:#c084fc;border-radius:50%;animation:pl-spin .8s linear infinite}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-card__mosaic-count{position:absolute;bottom:10px;left:12px;z-index:2;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;color:#ffffffd9}.pl-card__badge{position:absolute;top:10px;right:10px;z-index:2;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pl-card__badge--shared{background:#6d28d98c;color:#ddd6fe;border:1px solid rgba(192,132,252,.35)}.pl-card__badge--received{background:#db277773;color:#fbcfe8;border:1px solid rgba(249,168,212,.35)}.pl-card__body{padding:14px 16px 16px}.pl-card__name{font-size:15px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.pl-card__desc{font-size:11px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;min-height:15px}.pl-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#64748b}.pl-card__owner{color:#a78bfa;font-weight:600}.pl-card__date{color:#475569}.pl-card__actions{display:flex;gap:6px;margin-top:12px;border-top:1px solid rgba(51,65,85,.4);padding-top:10px}.pl-card__action-btn{background:#33415559;border:1px solid rgba(51,65,85,.5);border-radius:8px;color:#64748b;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s}.pl-card__action-btn:hover{border-color:#c084fc66;color:#c084fc;background:#c084fc14}.pl-card__action-btn--danger:hover{border-color:#f8717166;color:#f87171;background:#f8717114}.vform{display:flex;flex-direction:column;gap:20px}.vform__group{display:flex;flex-direction:column;gap:8px}.vform__label{font-size:11px;font-weight:600;color:#f1f5f98c;text-transform:uppercase;letter-spacing:.8px}.vform__required{color:#f0abfc}.vform__input,.vform__select{width:100%;padding:12px 14px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.vform__input::-moz-placeholder{color:#94a3b873}.vform__input::placeholder{color:#94a3b873}.vform__input:focus,.vform__select:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.vform__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.vform__select option{background:#1e293b;color:#f1f5f9}input[type=date].vform__input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.vform__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 480px){.vform__row{grid-template-columns:1fr}}.vform__type-row{display:flex;flex-wrap:wrap;gap:8px}.vform__type-btn{padding:8px 16px;border-radius:20px;border:1px solid rgba(51,65,85,.6);background:#0f172a66;color:#94a3b8;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.vform__type-btn:hover{border-color:#c084fc66;color:#c084fc}.vform__type-btn--active{background:linear-gradient(135deg,#9c27b04d,#e91e6333);border-color:#c084fc80;color:#c084fc}.vform__dropzone{border:2px dashed rgba(51,65,85,.7);border-radius:14px;padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.vform__dropzone:hover,.vform__dropzone--filled{border-color:#9c27b080;background:#9c27b00d}.vform__drop-icon{font-size:32px;margin-bottom:8px}.vform__drop-text{font-size:13px;color:#94a3b8;margin-bottom:4px}.vform__drop-hint{font-size:11px;color:#475569}.vform__preview{max-height:140px;border-radius:10px;display:block;margin:0 auto}.vform__file-hidden{display:none}.vform__cloud-ok{font-size:12px;color:#4ade80;margin-bottom:6px}.vform__tag-input-row{display:flex;gap:8px}.vform__add-btn{padding:0 16px;background:#9c27b033;border:1px solid rgba(156,39,176,.4);border-radius:12px;color:#c084fc;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .2s}.vform__add-btn:hover{background:#9c27b059;border-color:#c084fc99}.vform__chips{display:flex;flex-wrap:wrap;gap:6px}.vform__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.vform__chip button{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;color:inherit;opacity:.6;transition:opacity .15s}.vform__chip button:hover{opacity:1;color:#f87171}.vform__chip--prof{background:#9c27b026;color:#c084fc}.vform__chip--tag{background:#33415580;color:#94a3b8}.vform__chip--move{background:#2196f31f;color:#60a5fa}.vform__notes-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.vform__note-item{display:flex;align-items:flex-start;gap:10px;background:#0f172a66;border:1px solid rgba(51,65,85,.4);border-radius:10px;padding:8px 10px;font-size:12px;cursor:grab;transition:background .15s,border-color .15s,opacity .15s,transform .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vform__note-item:active{cursor:grabbing}.vform__note-item--dragging{opacity:.4;transform:scale(.98)}.vform__note-item--over{border-color:#c084fc99;background:#9c27b01a;transform:translateY(-2px);box-shadow:0 4px 12px #9c27b033}.vform__note-insert-line{height:2px;border-radius:2px;background:linear-gradient(90deg,#c084fccc,#e91e6399);box-shadow:0 0 8px #c084fc80;margin:1px 0;pointer-events:none}.vform__note-handle{color:#475569;font-size:16px;line-height:1.2;flex-shrink:0;margin-top:1px;cursor:grab;transition:color .15s}.vform__note-item:hover .vform__note-handle{color:#c084fc}.vform__note-text{color:#cbd5e1;flex:1;cursor:text;border-radius:4px;padding:1px 4px;margin:-1px -4px;transition:background .15s}.vform__note-text:hover{background:#c084fc14;color:#e2e8f0}.vform__note-item--editing{border-color:#9c27b080;background:#9c27b012;cursor:default}.vform__note-edit-input{flex:1;background:transparent;border:none;border-bottom:1px solid rgba(192,132,252,.6);color:#f1f5f9;font-family:Poppins,sans-serif;font-size:12px;line-height:1.5;outline:none;padding:0 2px 2px;min-width:0;resize:none;overflow:hidden;display:block;width:100%;box-sizing:border-box}.vform__note-del{background:none;border:none;cursor:pointer;color:#64748b;font-size:16px;line-height:1;flex-shrink:0;transition:color .15s}.vform__note-del:hover{color:#f87171}.vform__actions{display:flex;gap:10px;padding-top:4px}.vform__btn-cancel{flex:1;padding:12px;background:#3341554d;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:#94a3b8;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.vform__btn-cancel:hover{background:#33415580;color:#f1f5f9}.vform__btn-submit{flex:1;padding:12px;background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px #9c27b059}.vform__btn-submit:hover{transform:translateY(-1px);box-shadow:0 10px 28px #9c27b073}.vform__btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.note-card__edit-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:8px;color:#a5b4fc;font-size:12px;font-family:Poppins,sans-serif;cursor:pointer;transition:background .2s}.note-card__edit-btn:hover{background:#6366f12e}.notes-root{max-width:860px;margin:0 auto;padding:0 0 40px}.notes-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.notes-header__title{font-size:22px;font-weight:700;color:#f1f5f9;margin:0 0 4px;display:flex;align-items:center;gap:10px}.notes-header__count{background:#9c27b033;border:1px solid rgba(192,132,252,.3);color:#c084fc;font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}.notes-header__sub{color:#64748b;font-size:13px;margin:0}.notes-btn-primary{padding:9px 18px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .1s}.notes-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.notes-filters{background:#1e293b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:14px;padding:10px 12px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.notes-filters__search-wrap{position:relative}.notes-filters__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#94a3b8;pointer-events:none}.notes-filters__search{width:100%;padding:8px 12px 8px 34px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:10px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:13px;outline:none;box-sizing:border-box}.notes-filters__search:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.notes-filters__row{display:flex;gap:8px;flex-wrap:wrap}.notes-filters__select{padding:6px 24px 6px 10px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:8px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:11px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.notes-list{display:flex;flex-direction:column;gap:8px}.note-card{background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.note-card:hover{border-color:#c084fc40;box-shadow:0 4px 20px #0003}.note-card--expanded{border-color:#c084fc59}.note-card__header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-card__icon{font-size:20px;flex-shrink:0}.note-card__head-content{flex:1;min-width:0}.note-card__title{font-size:14px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-card__meta{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}.note-card__tag{background:#9c27b026;border:1px solid rgba(192,132,252,.25);color:#c084fc;font-size:10px;font-weight:600;padding:2px 7px;border-radius:6px}.note-card__date{font-size:11px;color:#64748b}.note-card__head-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.note-card__statut{display:flex;align-items:center;gap:5px}.note-card__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.note-dot--red{background:#ef4444}.note-dot--yellow{background:#f59e0b}.note-dot--green{background:#22c55e}.note-dot--blue{background:#3b82f6}.note-card__statut-label{font-size:11px;color:#94a3b8;white-space:nowrap}@media (max-width: 540px){.note-card__statut-label{display:none}}.note-card__fav{background:none;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:2px;transition:transform .15s}.note-card__fav:hover{transform:scale(1.2)}.note-card__chevron{color:#64748b;transition:transform .25s;flex-shrink:0}.note-card__chevron--open{transform:rotate(180deg)}.note-card__body{padding:0 16px 16px;border-top:1px solid rgba(51,65,85,.4);margin-top:0;animation:noteBodyIn .2s ease}@keyframes noteBodyIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.note-card__section{margin-top:14px}.note-card__section-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.note-card__notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.note-card__note-item{background:#0f172a66;border-left:3px solid rgba(192,132,252,.5);padding:8px 12px;border-radius:0 8px 8px 0;font-size:13px;color:#cbd5e1;line-height:1.5}.note-card__chips{display:flex;flex-wrap:wrap;gap:6px}.note-card__chip{font-size:11px;font-weight:500;padding:3px 9px;border-radius:8px;border:1px solid transparent}.note-card__chip--move{background:#6366f11f;border-color:#6366f140;color:#a5b4fc}.note-card__chip--tag{background:#14b8a61a;border-color:#14b8a640;color:#5eead4}.note-card__chip--prof{background:#fb923c1a;border-color:#fb923c40;color:#fb923c}.note-card__footer{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(51,65,85,.3)}.note-card__view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#9c27b026;border:1px solid rgba(192,132,252,.3);border-radius:8px;color:#c084fc;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s}.note-card__view-btn:hover{background:#9c27b040}.note-card__delete-btn{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:6px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:12px;font-family:Poppins,sans-serif;cursor:pointer;transition:background .2s}.note-card__delete-btn:hover{background:#ef44442e}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:10px}.notes-empty__icon{font-size:48px}.notes-empty__title{font-size:18px;font-weight:600;color:#f1f5f9;margin:0}.notes-empty__sub{color:#64748b;font-size:13px;max-width:320px;margin:0 0 8px}.notes-spinner-wrapper{display:flex;justify-content:center;padding:60px}.notes-spinner{width:36px;height:36px;border:3px solid rgba(156,39,176,.2);border-top-color:#9c27b0;border-radius:50%;animation:spin .7s linear infinite}.notes-form-wrapper{max-width:640px;margin:0 auto}.notes-form-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.notes-form-title{font-size:20px;font-weight:700;color:#f1f5f9;margin:0}.notes-back-btn{background:none;border:1px solid rgba(51,65,85,.6);border-radius:8px;color:#94a3b8;padding:6px 12px;font-family:Poppins,sans-serif;font-size:13px;cursor:pointer}.notes-back-btn:hover{color:#f1f5f9}.notes-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:10px;font-size:13px;font-weight:500;z-index:1000;animation:toastIn .2s ease}.notes-toast--danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}:root{--purple: #9c27b0;--pink: #e91e63;--purple-light: #c084fc;--fuchsia-light: #f0abfc;--gold-light: #fbbf24;--purple-50: #f3e5f5;--pink-50: #fce4ec;--dark-bg: #0f172a;--dark-surface: #1e293b;--dark-card: #334155;--text-light: #f1f5f9;--text-grey: #94a3b8;--error: #f44336;--success: #4caf50;--warning: #ff9800;--info: #2196f3;--blue: #2196f3;--orange: #ff9800;--green: #4caf50;--card-radius: 20px;--chip-radius: 15px}body,.home-root{font-family:Poppins,sans-serif;background:var(--dark-bg);color:var(--text-light);min-height:100vh}.home-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.home-bg:before{content:"";position:absolute;top:-15%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(156,39,176,.18) 0%,transparent 70%);border-radius:50%;animation:float1 9s ease-in-out infinite}.home-bg:after{content:"";position:absolute;bottom:-10%;right:-5%;width:450px;height:450px;background:radial-gradient(circle,rgba(233,30,99,.14) 0%,transparent 70%);border-radius:50%;animation:float2 12s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,40px) scale(1.06)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,-30px) scale(1.08)}}.home-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:4px}@media (min-width: 640px){.home-content{padding:24px 20px}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:var(--card-radius);transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#c084fc4d}.stat-icon{font-size:28px;line-height:1}.stat-count{font-size:26px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--purple-light),var(--fuchsia-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:11px;font-weight:600;color:var(--text-grey);text-transform:uppercase;letter-spacing:.6px;margin-top:2px}.stat-card--course{border-left:3px solid var(--purple)}.stat-card--training{border-left:3px solid var(--blue)}.stat-card--performance{border-left:3px solid var(--orange)}.stat-card--note{border-left:3px solid var(--green)}.filter-bar{background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:var(--card-radius);padding:16px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-search{flex:1 1 200px;padding:10px 14px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.filter-search::-moz-placeholder{color:#94a3b880}.filter-search::placeholder{color:#94a3b880}.filter-search:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.filter-select{padding:10px 14px;background:#0f172a80;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:13px;outline:none;cursor:pointer;transition:border-color .2s}.filter-select:focus{border-color:#9c27b099}.filter-select option{background:var(--dark-surface);color:var(--text-light)}.filter-chip{padding:8px 16px;border-radius:20px;border:1px solid rgba(51,65,85,.6);background:#0f172a80;color:var(--text-grey);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.filter-chip:hover{border-color:#c084fc66;color:var(--purple-light)}.filter-chip--active{background:linear-gradient(135deg,#9c27b04d,#e91e6333);border-color:#c084fc80;color:var(--purple-light)}.video-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.video-grid{grid-template-columns:repeat(4,1fr)}}.video-card{background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:var(--card-radius);overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;cursor:pointer;animation:cardIn .4s cubic-bezier(.16,1,.3,1) both}.video-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0006,0 0 0 1px #c084fc33;border-color:#c084fc4d}.video-card__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0f172a99}.video-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.video-card:hover .video-card__thumb img{transform:scale(1.04)}.video-card__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px}.video-card__type-badge{position:absolute;top:8px;left:8px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-card__type-badge--course{background:#9c27b0b3;color:#fff}.video-card__type-badge--training{background:#2196f3b3;color:#fff}.video-card__type-badge--performance{background:#ff9800b3;color:#fff}.video-card__type-badge--note{background:#4caf50b3;color:#fff}.video-card__fav{position:absolute;top:8px;right:8px;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:transform .2s}.video-card__fav:hover{transform:scale(1.2)}.video-card__body{padding:12px 14px}.video-card__title{font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-grey);margin-bottom:8px}.video-card__tag{padding:2px 8px;border-radius:10px;background:#33415580;color:var(--text-grey);font-size:11px}.video-card__status{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:500}.video-card__status--maitrise{background:#4caf5026;color:#81c784}.video-card__status--en_cours{background:#ff980026;color:#ffb74d}.video-card__status--retravailler,.video-card__status--a_travailler{background:#f4433626;color:#e57373}.video-card__status--to_sort{background:#2196f326;color:#64b5f6}.video-card__actions{display:flex;gap:6px;margin-top:8px;border-top:1px solid rgba(51,65,85,.4);padding-top:8px}.video-card__action-btn{flex:1;padding:6px;background:transparent;border:1px solid rgba(51,65,85,.5);border-radius:8px;color:var(--text-grey);font-size:12px;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s;text-align:center}.video-card__action-btn:hover{border-color:#c084fc66;color:var(--purple-light)}.video-card__action-btn--danger:hover{border-color:#f4433666;color:#e57373}.empty-state{text-align:center;padding:80px 20px;color:var(--text-grey)}.empty-state__icon{font-size:60px;margin-bottom:16px;display:block;animation:float1 3s ease-in-out infinite}.empty-state__title{font-size:18px;font-weight:600;color:var(--text-light);margin-bottom:6px}.empty-state__sub{font-size:13px;color:var(--text-grey);margin-bottom:20px}.spinner-wrapper{display:flex;justify-content:center;padding:80px 0}.spinner{width:40px;height:40px;border:3px solid rgba(156,39,176,.2);border-top-color:var(--purple-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.delete-toast{position:fixed;bottom:20px;left:20px;z-index:100;background:#1e293be6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(244,67,54,.4);border-radius:14px;padding:14px 18px;box-shadow:0 8px 30px #0006;animation:cardIn .3s cubic-bezier(.16,1,.3,1)}.delete-toast__title{font-size:13px;font-weight:600;color:#e57373;margin-bottom:4px}.delete-toast__sub{font-size:11px;color:var(--text-grey)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:80px 16px 32px}.modal-card{width:100%;max-width:680px;margin:0 auto;background:#1e293bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(51,65,85,.6);border-radius:24px;padding:32px;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff0a;animation:cardIn .35s cubic-bezier(.16,1,.3,1)}.modal-title{font-size:20px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,var(--purple-light),var(--fuchsia-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{padding:11px 24px;background:linear-gradient(135deg,var(--purple),var(--pink));border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px #9c27b059}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #9c27b073}.modal-card--source{max-width:380px;text-align:center}.modal-subtitle{font-family:Poppins,sans-serif;font-size:13px;color:#94a3b8;margin:-8px 0 20px}.source-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.source-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:16px;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.source-option:hover{border-color:#8b5cf699;background:#8b5cf614;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf626}.source-option__icon{font-size:32px;line-height:1}.source-option__label{font-size:13px;font-weight:700;color:#e2e8f0}.source-option__sub{font-size:11px;color:#64748b}.btn-ghost-sm{background:transparent;border:none;font-family:Poppins,sans-serif;font-size:13px;color:#64748b;cursor:pointer;padding:6px 12px;border-radius:8px;transition:color .15s}.btn-ghost-sm:hover{color:#94a3b8}.modal-video-preview{position:relative;border-radius:12px;overflow:hidden;margin-bottom:20px;background:#000;aspect-ratio:16 / 9;border:1px solid rgba(139,92,246,.3)}.modal-video-preview__player{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.modal-video-preview__badge{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#10b98133;border:1px solid rgba(16,185,129,.5);border-radius:20px;padding:4px 14px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#6ee7b7;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-tabs{display:flex;gap:4px;background:#0f172a80;border:1px solid rgba(51,65,85,.5);border-radius:16px;padding:5px;margin-bottom:16px;width:100%;box-sizing:border-box;overflow-x:auto;scrollbar-width:none}.home-tabs::-webkit-scrollbar{display:none}.home-tab{display:flex;align-items:center;justify-content:center;flex:1;gap:4px;padding:8px 4px;border:none;border-radius:11px;background:transparent;color:var(--text-grey);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}@media (min-width: 640px){.home-tabs{width:-moz-fit-content;width:fit-content}.home-tab{flex:none;padding:9px 18px;font-size:13px;gap:6px}}.home-tab:hover{color:var(--text-light)}.home-tab--active{background:linear-gradient(135deg,#9c27b04d,#e91e6333);color:var(--purple-light);border:1px solid rgba(192,132,252,.3);font-weight:600}.home-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:#c084fc26;border-radius:10px;font-size:11px;font-weight:700;color:var(--purple-light)}.import-toast{position:fixed;bottom:20px;left:20px;z-index:100;display:flex;align-items:flex-start;gap:12px;background:#1e293beb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(74,222,128,.35);border-radius:16px;padding:14px 18px;box-shadow:0 8px 30px #0006,0 0 0 1px #4ade801a;animation:cardIn .3s cubic-bezier(.16,1,.3,1)}.import-toast__icon{font-size:20px;flex-shrink:0;margin-top:1px}.import-toast__title{font-size:13px;font-weight:600;color:#4ade80;margin-bottom:2px}.import-toast__sub{font-size:11px;color:var(--text-grey);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:cardIn .25s cubic-bezier(.16,1,.3,1)}.upload-overlay__card{display:flex;flex-direction:column;align-items:center;gap:16px;background:#1e293bf2;border:1px solid rgba(156,39,176,.35);border-radius:24px;padding:36px 40px;min-width:260px;box-shadow:0 24px 60px #00000080;animation:cardIn .3s cubic-bezier(.16,1,.3,1)}.upload-overlay__spinner{width:42px;height:42px;border:3px solid rgba(192,132,252,.2);border-top-color:var(--purple-light);border-radius:50%;animation:spin .8s linear infinite}.upload-overlay__label{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:var(--text-light);margin:0}.upload-overlay__track{width:200px;height:5px;background:#33415599;border-radius:5px;overflow:hidden}.upload-overlay__bar{height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:5px;transition:width .3s ease;box-shadow:0 0 8px #9c27b080}.upload-overlay__pct{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;background:linear-gradient(135deg,var(--purple-light),var(--fuchsia-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.vdetail-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;font-family:Poppins,sans-serif;font-size:13px;cursor:pointer;padding:6px 0;margin-bottom:20px;transition:color .2s}.vdetail-back:hover{color:#c084fc}.vdetail__grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 960px){.vdetail__grid{grid-template-columns:3fr 2fr}}.vdetail__left,.vdetail__right{display:flex;flex-direction:column;gap:16px}.vdetail__card{background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:20px;padding:18px 20px;animation:vcardIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes vcardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vdetail__player{background:#0f172ab3;border:1px solid rgba(51,65,85,.5);border-radius:20px;aspect-ratio:16/9;overflow:hidden}.vdetail__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.vdetail__no-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px}.vdetail__card-title{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.vdetail__card-count{font-weight:400;text-transform:none;letter-spacing:0;color:#475569;font-size:12px}.vdetail__notes{display:flex;flex-direction:column;gap:8px}.vdetail__note{background:#0f172a80;border:1px solid rgba(51,65,85,.4);border-radius:12px;padding:10px 12px}.vdetail__note-ts{display:block;font-size:11px;color:#475569;margin-bottom:4px}.vdetail__note-text{font-size:13px;color:#cbd5e1;margin:0}.vdetail__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.vdetail__title{font-size:20px;font-weight:700;color:#f1f5f9;line-height:1.3;margin:0}.vdetail__fav{background:none;border:none;font-size:22px;cursor:pointer;flex-shrink:0;transition:transform .2s}.vdetail__fav:hover{transform:scale(1.2)}.vdetail__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.vdetail__type-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#9c27b04d,#e91e6333);border:1px solid rgba(192,132,252,.4);color:#c084fc}.vdetail__statut-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;background:#3341554d;border:1px solid rgba(51,65,85,.5);color:#94a3b8}.vcard__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot--red{background:#f87171;box-shadow:0 0 6px #f8717180}.dot--yellow{background:#fbbf24;box-shadow:0 0 6px #fbbf2480}.dot--green{background:#4ade80;box-shadow:0 0 6px #4ade8080}.dot--blue{background:#60a5fa;box-shadow:0 0 6px #60a5fa80}.vdetail__meta{margin:0}.vdetail__meta-row{display:flex;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(51,65,85,.25)}.vdetail__meta-row:last-child{border-bottom:none}.vdetail__meta-row dt{color:#64748b;min-width:90px;flex-shrink:0}.vdetail__meta-row dd{color:#e2e8f0;margin:0}.vdetail__tags{display:flex;flex-wrap:wrap;gap:6px}.vdetail__tag{padding:3px 10px;border-radius:12px;background:#33415580;color:#94a3b8;font-size:12px}.vdetail__tag--move{background:#2196f31f;color:#60a5fa}.vdetail__sync{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;padding:12px 16px}.vdetail__sync-date{margin-left:auto;font-size:11px;color:#475569}.vdetail__actions{display:flex;gap:10px}.vdetail__btn-edit{flex:1;padding:12px;background:#3341554d;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:#c084fc;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.vdetail__btn-edit:hover{background:#9c27b026;border-color:#c084fc80}.vdetail__btn-delete{padding:12px 18px;background:#f4433614;border:1px solid rgba(244,67,54,.25);border-radius:12px;color:#f87171;font-size:16px;cursor:pointer;transition:all .2s}.vdetail__btn-delete:hover{background:#f443362e;border-color:#f4433680}.vdetail-edit-wrap{max-width:680px;margin:0 auto}.vdetail-edit-title{font-size:20px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vdetail-notfound{text-align:center;padding:80px 20px}.vdetail-notfound__icon{font-size:60px;display:block;margin-bottom:16px}.vdetail-notfound__title{font-size:18px;font-weight:600;color:#94a3b8;margin-bottom:20px}.vdetail-btn-primary{padding:11px 24px;background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #9c27b059;transition:all .2s}.vdetail-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #9c27b073}.account-page{font-family:Poppins,sans-serif;min-height:100vh;background:var(--dark-bg);color:var(--text-light);position:relative;z-index:1}.account-content{max-width:560px;margin:0 auto;padding:24px 20px 60px;display:flex;flex-direction:column;gap:16px}.account-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-grey);font-family:Poppins,sans-serif;font-size:13px;cursor:pointer;padding:6px 0;transition:color .2s}.account-back:hover{color:var(--purple-light)}.account-title{font-size:26px;font-weight:800;margin:4px 0 8px;background:linear-gradient(135deg,var(--purple-light),var(--fuchsia-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.profile-card{display:flex;align-items:center;gap:16px;padding:20px;background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:var(--card-radius);animation:cardIn .4s cubic-bezier(.16,1,.3,1) both}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0;box-shadow:0 4px 16px #9c27b059}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-name{font-size:15px;font-weight:700;color:var(--text-light)}.profile-email{font-size:12px;color:var(--text-grey);margin-top:2px}.sub-card{padding:20px;background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:var(--card-radius);animation:cardIn .4s cubic-bezier(.16,1,.3,1) .05s both}.sub-card.status-gold{background:linear-gradient(135deg,#fbbf241a,#1e293b80 60%);border-color:#fbbf2459;border-left:3px solid var(--gold-light)}.sub-card.status-orange{background:#1e293b80;border-color:#ff980059;border-left:3px solid var(--warning)}.sub-card.status-red{background:#1e293b80;border-color:#f4433640;border-left:3px solid var(--error)}.sub-card.status-grey{border-left:3px solid rgba(148,163,184,.4)}.sub-card-top{display:flex;align-items:center;gap:14px}.sub-icon{font-size:2rem;line-height:1}.sub-label{font-size:16px;font-weight:700;color:var(--text-light)}.status-gold .sub-label{background:linear-gradient(135deg,var(--gold-light),#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-orange .sub-label{color:var(--warning)}.status-red .sub-label{color:var(--error)}.sub-sub{font-size:12px;color:var(--text-grey);margin-top:2px}.sub-details{margin-top:16px;display:flex;flex-direction:column;gap:2px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:var(--text-grey);border-bottom:1px solid rgba(51,65,85,.4)}.detail-row:last-child{border-bottom:none}.detail-row span:last-child{color:var(--text-light);font-weight:500}.detail-row.warn span{color:var(--warning)}.info-banner{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:13px}.info-banner.orange{background:#ff98001a;border:1px solid rgba(255,152,0,.3);color:#ffb74d}.info-banner strong{font-weight:600}.storage-bar-wrap{padding:18px 20px;background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:var(--card-radius);animation:cardIn .4s cubic-bezier(.16,1,.3,1) .1s both}.storage-bar-header{display:flex;justify-content:space-between;font-size:13px;color:var(--text-grey);margin-bottom:10px}.storage-bar-header span:first-child{font-weight:500;color:var(--text-light)}.storage-bar-track{height:6px;background:#33415599;border-radius:99px;overflow:hidden}.storage-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple-light),var(--fuchsia-light));border-radius:99px;transition:width .6s cubic-bezier(.16,1,.3,1)}.storage-bar-fill.danger{background:linear-gradient(90deg,var(--error),#ff7043)}.section-card{padding:20px;background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:var(--card-radius);display:flex;flex-direction:column;gap:10px;animation:cardIn .4s cubic-bezier(.16,1,.3,1) .15s both}.section-title{font-size:11px;font-weight:700;color:var(--text-grey);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.benefit-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-light);padding:4px 0}.benefit-row span:first-child{font-size:16px}.upgrade-card{border-color:#fbbf2440}.upgrade-card p{font-size:13px;color:var(--text-grey);margin:0;line-height:1.6}.upgrade-perks{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-light);padding:4px 0}.upgrade-note{font-size:11px;color:var(--text-grey);margin:0!important}.btn-gold{display:block;text-align:center;text-decoration:none;padding:11px 24px;background:linear-gradient(135deg,#d97706,var(--gold-light));border:none;border-radius:12px;color:#000;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px #fbbf244d}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 10px 28px #fbbf2466}.btn-outlined-gold{display:block;text-align:center;text-decoration:none;padding:10px 24px;background:transparent;border:1px solid rgba(251,191,36,.5);border-radius:12px;color:var(--gold-light);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outlined-gold:hover{background:#fbbf2414;border-color:var(--gold-light)}.btn-outlined{display:block;width:100%;text-align:left;padding:11px 14px;background:transparent;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outlined:hover{border-color:#c084fc66;color:var(--purple-light);background:#c084fc0f}.btn-danger-outlined{display:block;width:100%;text-align:left;padding:11px 14px;background:transparent;border:1px solid rgba(244,67,54,.3);border-radius:12px;color:#e57373;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger-outlined:hover{background:#f4433614;border-color:#f4433680}.error-banner{padding:12px 16px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;font-size:13px;color:#e57373}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{width:100%;max-width:400px;background:#1e293bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(51,65,85,.6);border-radius:24px;padding:32px 28px;text-align:center;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff0a;animation:cardIn .35s cubic-bezier(.16,1,.3,1)}.modal-icon{font-size:2.5rem;margin-bottom:8px}.modal-box h3{font-size:18px;font-weight:700;color:var(--text-light);margin:0 0 10px}.modal-box p{font-size:13px;color:var(--text-grey);line-height:1.6;margin:0 0 8px}.delete-list{text-align:left;font-size:13px;color:var(--text-light);line-height:2;margin:8px 0;padding-left:20px}.delete-warning{color:#e57373!important;font-size:12px!important}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn-secondary{padding:10px 20px;background:#33415580;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#334155cc}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:10px 20px;background:linear-gradient(135deg,#c0392b,var(--error));border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #f4433659}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f4433673}.btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.paywall-modal{text-align:left}.paywall-modal h3{text-align:center}.paywall-modal>p{text-align:center;margin-bottom:12px}.paywall-perks{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px 14px;background:#3341554d;border-radius:12px}.paywall-perk-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-light)}.paywall-perk-row span:first-child{font-size:16px}.paywall-packages{display:flex;flex-direction:column;gap:16px;margin-bottom:12px}.paywall-pkg-btn{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#3341554d;border:1px solid rgba(51,65,85,.6);border-radius:12px;color:var(--text-light);font-family:Poppins,sans-serif;font-size:13px;cursor:pointer;transition:all .2s;text-align:left}.paywall-pkg-btn:hover{border-color:#fbbf2466;background:#33415580}.paywall-pkg-btn.selected{border-color:var(--gold-light);background:#fbbf2414;box-shadow:0 0 0 1px #fbbf244d}.pkg-name{font-weight:600;color:var(--text-light)}.pkg-price{font-size:12px;color:var(--text-grey)}.paywall-pkg-btn.selected .pkg-price{color:var(--gold-light)}.pkg-badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#d97706,var(--gold-light));color:#000;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px}.paywall-loading{text-align:center;font-size:13px;color:var(--text-grey);padding:16px 0}.upgrade-divider{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-grey);text-align:center}.upgrade-divider:before,.upgrade-divider:after{content:"";flex:1;height:1px;background:#33415599}.fp-root{font-family:Poppins,sans-serif;min-height:100vh;background:#0f172a;color:#f1f5f9}.fp-header{position:sticky;top:0;z-index:40;background:#0f172abf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(51,65,85,.5)}.fp-header__inner{max-width:760px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:14px}.fp-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#33415566;color:#94a3b8;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s}.fp-back-btn:hover{background:#c084fc26;color:#c084fc}.fp-header__titles{flex:1}.fp-header__title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin:0}.fp-header__sub{font-size:12px;color:#64748b;margin:0}.fp-add-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 4px 16px #9c27b059}.fp-add-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #9c27b073}.fp-main{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:24px 20px 60px}.fp-search-wrap{position:relative;margin-bottom:20px}.fp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#64748b;pointer-events:none}.fp-search{width:100%;padding:11px 40px 11px 38px;background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:14px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.fp-search::-moz-placeholder{color:#64748bb3}.fp-search::placeholder{color:#64748bb3}.fp-search:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.fp-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;font-size:13px;padding:2px 4px;border-radius:4px;transition:color .15s}.fp-search-clear:hover{color:#94a3b8}.fp-list{display:flex;flex-direction:column;gap:10px}.fp-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#1e293b8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s;animation:fpCardIn .35s cubic-bezier(.16,1,.3,1) both}.fp-card:hover{transform:translateY(-2px);border-color:#c084fc40;box-shadow:0 8px 24px #00000040}.fp-card--blocked{opacity:.55;border-color:#f4433633}@keyframes fpCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fp-avatar{flex-shrink:0;border-radius:50%}.fp-avatar--img{-o-object-fit:cover;object-fit:cover;border:2px solid rgba(192,132,252,.3)}.fp-avatar--initials{background:linear-gradient(135deg,#9c27b0,#e91e63);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:Poppins,sans-serif}.fp-card__info{flex:1;min-width:0}.fp-card__name{font-size:14px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 2px}.fp-card__email{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.fp-card__badges{display:flex;flex-wrap:wrap;gap:5px}.fp-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.fp-badge--linked{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.2)}.fp-badge--blocked{background:#f443361f;color:#e57373;border:1px solid rgba(244,67,54,.2)}.fp-card__menu{position:relative;flex-shrink:0}.fp-menu-trigger{width:32px;height:32px;border-radius:8px;border:1px solid rgba(51,65,85,.5);background:#0f172a66;color:#64748b;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fp-menu-trigger:hover{background:#c084fc1a;border-color:#c084fc66;color:#c084fc}.fp-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);width:160px;background:#1e293bf7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(51,65,85,.6);border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #0006;z-index:10;animation:fpDropIn .18s cubic-bezier(.16,1,.3,1)}@keyframes fpDropIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fp-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;background:none;border:none;font-family:Poppins,sans-serif;font-size:13px;color:#f1f5f9;cursor:pointer;text-align:left;transition:background .15s}.fp-menu-item:hover{background:#c084fc14}.fp-menu-item--danger{color:#f87171}.fp-menu-item--danger:hover{background:#f4433614}.fp-menu-item+.fp-menu-item{border-top:1px solid rgba(51,65,85,.4)}.fp-spinner-wrap{display:flex;justify-content:center;padding:80px 0}.fp-spinner{width:36px;height:36px;border:3px solid rgba(156,39,176,.2);border-top-color:#c084fc;border-radius:50%;animation:fpSpin .8s linear infinite}@keyframes fpSpin{to{transform:rotate(360deg)}}.fp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 20px}.fp-empty__orb{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(156,39,176,.18) 0%,transparent 70%);display:flex;align-items:center;justify-content:center;font-size:44px;margin-bottom:24px;animation:fpFloat 3s ease-in-out infinite}@keyframes fpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fp-empty__title{font-size:18px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.fp-empty__sub{font-size:13px;color:#64748b;margin:0 0 24px;max-width:280px}.fp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.fp-modal{width:100%;max-width:440px;background:#162033f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(51,65,85,.6);border-radius:24px;box-shadow:0 24px 56px #00000080,inset 0 1px #ffffff0a;animation:fpCardIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.fp-modal--sm{max-width:360px}.fp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0}.fp-modal__title{font-size:17px;font-weight:700;background:linear-gradient(135deg,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.fp-modal__close{background:none;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s}.fp-modal__close:hover{color:#94a3b8}.fp-modal__body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.fp-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 22px}.fp-field{display:flex;flex-direction:column;gap:5px}.fp-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.fp-input{padding:10px 14px;background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:10px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.fp-input::-moz-placeholder{color:#64748b99}.fp-input::placeholder{color:#64748b99}.fp-input:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.fp-input:disabled{opacity:.5;cursor:not-allowed}.fp-lookup{font-size:11px;font-weight:600;margin:4px 0 0}.fp-lookup--found{color:#81c784}.fp-lookup--none{color:#64748b}.fp-error{font-size:12px;color:#f87171;padding:8px 12px;background:#f4433614;border:1px solid rgba(244,67,54,.2);border-radius:8px;margin:0}.fp-confirm-text{font-size:14px;color:#94a3b8;line-height:1.6;margin:0}.fp-confirm-text strong{color:#f1f5f9}.fp-btn-primary{padding:10px 22px;background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:10px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #9c27b059}.fp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #9c27b073}.fp-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.fp-btn-ghost{padding:10px 16px;background:transparent;border:1px solid rgba(51,65,85,.5);border-radius:10px;color:#64748b;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.fp-btn-ghost:hover{border-color:#94a3b866;color:#94a3b8}.fp-btn-danger{padding:10px 22px;background:#f4433626;border:1px solid rgba(244,67,54,.4);border-radius:10px;color:#f87171;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.fp-btn-danger:hover{background:#f4433640;border-color:#f4433699}.fp-btn-danger:disabled{opacity:.6;cursor:not-allowed}.sp-root{font-family:Poppins,sans-serif;min-height:100vh;background:#0f172a;color:#f1f5f9}.sp-header{position:sticky;top:0;z-index:40;background:#0f172abf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(51,65,85,.5)}.sp-header__inner{max-width:760px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:14px}.sp-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#33415566;color:#94a3b8;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s}.sp-back-btn:hover{background:#c084fc26;color:#c084fc}.sp-header__titles{flex:1}.sp-header__title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin:0}.sp-header__sub{font-size:12px;color:#64748b;margin:0}.sp-add-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 4px 16px #9c27b059}.sp-add-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #9c27b073}.sp-main{max-width:760px;margin:0 auto;padding:24px 20px 60px;display:flex;flex-direction:column;gap:24px}.sp-section-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.sp-defaults-grid{display:flex;flex-wrap:wrap;gap:8px}.sp-default-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#1e293b80;border:1px solid rgba(51,65,85,.5);border-radius:20px;font-size:12px;font-weight:500;color:#94a3b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sp-default-chip__emoji{font-size:14px}.sp-list{display:flex;flex-direction:column;gap:8px}.sp-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#1e293b8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s;animation:spCardIn .3s cubic-bezier(.16,1,.3,1) both}.sp-card:hover{transform:translateY(-2px);border-color:#c084fc40;box-shadow:0 8px 24px #00000040}@keyframes spCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sp-card__orb{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:#9c27b026;border:1px solid rgba(156,39,176,.2)}.sp-card__info{flex:1;min-width:0}.sp-card__name{font-size:14px;font-weight:600;color:#f1f5f9;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-card__meta{font-size:11px;color:#64748b;margin:0}.sp-card__actions{display:flex;gap:6px;flex-shrink:0}.sp-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(51,65,85,.5);background:#0f172a66;color:#64748b;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sp-icon-btn:hover{background:#c084fc1a;border-color:#c084fc66;color:#c084fc}.sp-icon-btn--danger:hover{background:#f443361a;border-color:#f4433666;color:#f87171}.sp-card--editing{flex-wrap:wrap;border-color:#9c27b066;box-shadow:0 0 0 2px #9c27b01f}.sp-edit-row{display:flex;gap:8px;width:100%;align-items:center;flex-wrap:wrap}.sp-edit-emoji-input{width:56px;padding:8px 10px;background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:10px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:18px;text-align:center;outline:none;transition:border-color .2s;flex-shrink:0}.sp-edit-emoji-input:focus{border-color:#9c27b099}.sp-edit-name-input{flex:1;min-width:120px;padding:8px 12px;background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:10px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:13px;outline:none;transition:border-color .2s}.sp-edit-name-input:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.sp-edit-save-btn{padding:8px 14px;background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:10px;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.sp-edit-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #9c27b066}.sp-edit-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sp-edit-cancel-btn{padding:8px 12px;background:transparent;border:1px solid rgba(51,65,85,.5);border-radius:10px;color:#64748b;font-family:Poppins,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.sp-edit-cancel-btn:hover{border-color:#94a3b866;color:#94a3b8}.sp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;background:#1e293b4d;border:1px dashed rgba(51,65,85,.5);border-radius:18px}.sp-empty__icon{font-size:40px;margin-bottom:12px;opacity:.6;animation:spFloat 3s ease-in-out infinite}@keyframes spFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sp-empty__title{font-size:15px;font-weight:600;color:#e2e8f0;margin:0 0 6px}.sp-empty__sub{font-size:12px;color:#64748b;margin:0 0 18px}.sp-spinner-wrap{display:flex;justify-content:center;padding:60px 0}.sp-spinner{width:32px;height:32px;border:3px solid rgba(156,39,176,.2);border-top-color:#c084fc;border-radius:50%;animation:spSpin .8s linear infinite}@keyframes spSpin{to{transform:rotate(360deg)}}.sp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.sp-modal{width:100%;max-width:400px;background:#162033f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(51,65,85,.6);border-radius:24px;box-shadow:0 24px 56px #00000080,inset 0 1px #ffffff0a;animation:spCardIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.sp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0}.sp-modal__title{font-size:17px;font-weight:700;background:linear-gradient(135deg,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sp-modal__close{background:none;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s}.sp-modal__close:hover{color:#94a3b8}.sp-modal__body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.sp-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 22px}.sp-field{display:flex;flex-direction:column;gap:5px}.sp-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.sp-input{padding:10px 14px;background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:10px;color:#f1f5f9;font-family:Poppins,sans-serif;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.sp-input::-moz-placeholder{color:#64748b99}.sp-input::placeholder{color:#64748b99}.sp-input:focus{border-color:#9c27b099;box-shadow:0 0 0 3px #9c27b01f}.sp-hint{font-size:11px;color:#475569;margin:0}.sp-error{font-size:12px;color:#f87171;padding:8px 12px;background:#f4433614;border:1px solid rgba(244,67,54,.2);border-radius:8px}.sp-selected-emoji-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sp-selected-emoji-preview{width:48px;height:48px;border-radius:14px;background:#9c27b026;border:1px solid rgba(156,39,176,.3);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.sp-input--emoji-custom{width:110px;font-size:14px;text-align:left;padding:8px 12px;flex-shrink:0}.sp-emoji-picker{background:#0f172a80;border:1px solid rgba(51,65,85,.5);border-radius:14px;overflow:hidden}.sp-emoji-tabs{display:flex;border-bottom:1px solid rgba(51,65,85,.5);background:#0f172a66}.sp-emoji-tab{flex:1;padding:8px 4px;background:none;border:none;font-size:18px;cursor:pointer;transition:background .15s;border-bottom:2px solid transparent;line-height:1}.sp-emoji-tab:hover{background:#c084fc14}.sp-emoji-tab--active{border-bottom-color:#c084fc;background:#c084fc1a}.sp-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(156,39,176,.3) transparent}.sp-emoji-grid::-webkit-scrollbar{width:4px}.sp-emoji-grid::-webkit-scrollbar-thumb{background:#9c27b04d;border-radius:4px}.sp-emoji-preset-btn{aspect-ratio:1;border-radius:8px;border:1px solid transparent;background:transparent;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;padding:0}.sp-emoji-preset-btn:hover{background:#c084fc1f;border-color:#c084fc40;transform:scale(1.15)}.sp-emoji-preset-btn--active{background:#9c27b033;border-color:#9c27b080;transform:scale(1.1)}.sp-btn-primary{padding:10px 22px;background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:10px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #9c27b059}.sp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #9c27b073}.sp-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.sp-btn-ghost{padding:10px 16px;background:transparent;border:1px solid rgba(51,65,85,.5);border-radius:10px;color:#64748b;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.sp-btn-ghost:hover{border-color:#94a3b866;color:#94a3b8}.sp-btn-danger{padding:10px 22px;background:#f4433626;border:1px solid rgba(244,67,54,.4);border-radius:10px;color:#f87171;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.sp-btn-danger:hover{background:#f4433640;border-color:#f4433699}.sp-btn-danger:disabled{opacity:.6;cursor:not-allowed}.sp-info-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:12px;font-size:12px;color:#a5b4fc;line-height:1.6}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.btn-primary{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(91 33 182 / var(--tw-bg-opacity, 1))}.btn-secondary{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.btn-secondary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.btn-secondary:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.card{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity, 1))}.input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.visible{visibility:visible}.block{display:block}.inline{display:inline}.grid{display:grid}.hidden{display:none}.border{border-width:1px}.capitalize{text-transform:capitalize}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}