@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w: 220px;--header-h: 62px;--radius: 14px;--radius-sm: 8px;--ease: cubic-bezier(.4, 0, .2, 1);--font-display: "DM Sans", sans-serif;--font-body: "DM Sans", sans-serif;--shadow: 0 4px 24px rgba(243, 244, 248, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .55)}[data-theme=white]{--bg: #f4f5f9;--bg2: #fff;--bg3: #f8f9fc;--bg4: #e5e7ed;--card: #fff;--card2: #f8f9fc;--border: #e5e7ed;--border2: #e5e7ed;--violet: #2563eb;--violet2: #3b82f6;--violet-dim: rgba(37, 99, 235, .1);--violet-glow: rgba(37, 99, 235, .2);--green: #22c97b;--green-dim: #dcfce7;--red: #dc2626;--red-dim: #fee2e2;--amber: #d97706;--amber-dim: #fef3c7;--text: #1a1f2e;--text2: #9899b0;--text3: #5a5b74;--shadow: 0 4px 24px rgba(243, 244, 248, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .55)}[data-theme=default]{--bg: #fafafa;--bg2: #ffffff;--bg3: #f5f5f5;--bg4: #ebebeb;--card: #ffffff;--card2: #fafafa;--border: rgba(23, 23, 23, .08);--border2: rgba(23, 23, 23, .15);--violet: #ff0050;--violet2: #ff3370;--violet-dim: rgba(255, 0, 80, .1);--violet-glow: rgba(255, 0, 80, .22);--green: #00c060;--green-dim: rgba(0, 192, 96, .13);--red: #dc2626;--red-dim: rgba(220, 38, 38, .13);--amber: #f5a623;--amber-dim: rgba(245, 166, 35, .13);--text: #171717;--text2: #a3a3a3;--text3: #d4d4d4;--shadow: 0 4px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .55)}[data-theme=midnight]{--bg: #0d0e14;--bg2: #13141d;--bg3: #1a1b27;--bg4: #21223100;--card: #181926;--card2: #1e1f2e;--border: rgba(255, 255, 255, .07);--border2: rgba(255, 255, 255, .12);--violet: #7c6ff7;--violet2: #9d97fa;--violet-dim: rgba(124, 111, 247, .15);--violet-glow: rgba(124, 111, 247, .35);--green: #22c97b;--green-dim: rgba(34, 201, 123, .15);--red: #f05c7a;--red-dim: rgba(240, 92, 122, .13);--amber: #f5a623;--amber-dim: rgba(245, 166, 35, .13);--text: #e8e9f3;--text2: #9899b0;--text3: #5a5b74;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .55)}[data-theme=obsidian]{--bg: #111010;--bg2: #181614;--bg3: #201d1a;--bg4: #272320;--card: #1c1917;--card2: #232019;--border: rgba(255, 240, 220, .07);--border2: rgba(255, 240, 220, .13);--violet: #f0813a;--violet2: #f9a06a;--violet-dim: rgba(240, 129, 58, .15);--violet-glow: rgba(240, 129, 58, .3);--green: #4caf80;--green-dim: rgba(76, 175, 128, .15);--red: #e84a5f;--red-dim: rgba(232, 74, 95, .13);--amber: #f5c842;--amber-dim: rgba(245, 200, 66, .13);--text: #f0ece8;--text2: #a09890;--text3: #635c57;--font-display: "Playfair Display", serif;--font-body: "DM Sans", sans-serif}[data-theme=arctic]{--bg: #f0f4ff;--bg2: #ffffff;--bg3: #e8edf8;--bg4: #dce4f5;--card: #ffffff;--card2: #f5f7fd;--border: rgba(30, 50, 120, .09);--border2: rgba(30, 50, 120, .16);--violet: #2563eb;--violet2: #3b82f6;--violet-dim: rgba(37, 99, 235, .1);--violet-glow: rgba(37, 99, 235, .2);--green: #059669;--green-dim: rgba(5, 150, 105, .12);--red: #dc2626;--red-dim: rgba(220, 38, 38, .1);--amber: #d97706;--amber-dim: rgba(217, 119, 6, .12);--text: #1a1f36;--text2: #6b7280;--text3: #9ca3af;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}[data-theme=sand]{--bg: #faf7f2;--bg2: #ffffff;--bg3: #f0ebe0;--bg4: #e7dfd2;--card: #ffffff;--card2: #fdf8f1;--border: rgba(80, 60, 30, .09);--border2: rgba(80, 60, 30, .16);--violet: #b45309;--violet2: #d97706;--violet-dim: rgba(180, 83, 9, .1);--violet-glow: rgba(180, 83, 9, .22);--green: #4d7c0f;--green-dim: rgba(77, 124, 15, .12);--red: #be123c;--red-dim: rgba(190, 18, 60, .1);--amber: #a16207;--amber-dim: rgba(161, 98, 7, .12);--text: #292524;--text2: #78716c;--text3: #a8a29e;--font-display: "Playfair Display", serif;--font-body: "DM Sans", sans-serif}[data-theme=mint]{--bg: #f0fdf9;--bg2: #ffffff;--bg3: #e2faf4;--bg4: #ccf4eb;--card: #ffffff;--card2: #f5fdfb;--border: rgba(10, 80, 70, .09);--border2: rgba(10, 80, 70, .16);--violet: #0d9488;--violet2: #14b8a6;--violet-dim: rgba(13, 148, 136, .12);--violet-glow: rgba(13, 148, 136, .25);--green: #16a34a;--green-dim: rgba(22, 163, 74, .12);--red: #e11d48;--red-dim: rgba(225, 29, 72, .1);--amber: #ca8a04;--amber-dim: rgba(202, 138, 4, .12);--text: #1e2d2b;--text2: #64748b;--text3: #94a3b8;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}[data-theme]{--font-display: "DM Sans", sans-serif}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.app{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;height:100dvh;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;position:relative;z-index:10;overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:10px;height:var(--header-h);flex-shrink:0;padding:0 20px;border-bottom:1px solid var(--border)}.logo-mark{width:34px;height:34px;background:var(--violet);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:18px;color:#fff;box-shadow:0 0 20px var(--violet-glow);flex-shrink:0}.logo-text{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);padding:10px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text2);font-size:13.5px;font-weight:500;transition:all .18s var(--ease);position:relative;-webkit-user-select:none;user-select:none}.nav-item:hover{color:var(--text);background:var(--bg3)}.nav-item.active{color:var(--text);background:var(--violet-dim)}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--violet);border-radius:0 3px 3px 0}.nav-icon{width:20px;height:20px;opacity:.8;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%}.nav-item.active .nav-icon{opacity:1}.nav-item.disabled{opacity:.45;cursor:not-allowed}.nav-item.disabled:hover{background:transparent;color:var(--text2)}.nav-soon{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:99px;background:var(--bg4);color:var(--text2)}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--border);padding:12px 10px}.sidebar-version{margin-top:8px;text-align:center;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text3);-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-full{display:inline-flex;align-items:center}.logo-full svg{height:28px;width:auto}.logo-symbol{display:none}.lang-trigger{width:100%;border:none;background:transparent;font-family:var(--font-body);text-align:left}.sidebar-rail-toggle{display:none;position:absolute;top:50%;left:var(--sidebar-w);transform:translate(-50%,-50%);z-index:11;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:99px;background:var(--bg2);color:var(--text2);cursor:pointer;box-shadow:0 1px 4px #0000001f;transition:left .18s var(--ease),color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.sidebar-rail-toggle:hover{color:#fff;background:var(--violet);border-color:var(--violet)}.sidebar-rail-toggle svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .2s var(--ease)}.app.sidebar-collapsed .sidebar-rail-toggle{left:72px}.app.sidebar-collapsed .sidebar-rail-toggle svg{transform:rotate(-90deg)}@media (min-width: 1025px){.sidebar-rail-toggle{display:inline-flex}.sidebar.collapsed{width:72px;min-width:72px}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:0}.sidebar.collapsed .logo-full{display:none}.sidebar.collapsed .logo-symbol{display:inline-flex}.sidebar.collapsed .logo-symbol svg{width:30px;height:30px}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-soon{display:none}.sidebar.collapsed .sidebar-nav{padding-top:16px}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .nav-icon{width:24px;height:24px}}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--header-h);min-height:var(--header-h);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px}.topbar-breadcrumb{flex:1;display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:15px;font-weight:600}.breadcrumb-sep{color:var(--text3);font-weight:400}.breadcrumb-current{color:var(--text)}.breadcrumb-parent{color:var(--text3);cursor:pointer}.breadcrumb-parent:hover{color:var(--text2)}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);background:var(--bg3);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);transition:all .15s}.icon-btn:hover{color:var(--text);border-color:var(--violet);background:var(--violet-dim)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--violet) 0%,#b06ef5 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;letter-spacing:.03em;cursor:pointer;box-shadow:0 0 0 2px var(--border2)}.content{flex:1;overflow-y:auto;padding:28px;background:var(--bg)}.page-enter{animation:pageIn .3s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card2{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-title{font-family:var(--font-display);font-weight:600;font-size:14px;margin-bottom:16px;color:var(--text)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.avatar-lg{width:72px;height:72px;border-radius:50%;background:var(--violet);color:#fff;text-transform:uppercase;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:.02em;box-shadow:0 0 0 4px var(--violet-dim);flex-shrink:0}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.profile-hero-id{display:flex;align-items:center;gap:16px}.profile-hero-name{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text)}.profile-hero-sub{display:flex;align-items:center;gap:10px;margin-top:6px}.role-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--violet);background:var(--violet-dim)}.profile-online{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text2)}.profile-online .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.profile-hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.profile-tile{gap:14px;align-items:center;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease)}.profile-tile:hover{border-color:var(--violet);background:var(--violet-dim)}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-violet{background:var(--violet-dim);color:var(--violet2)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .18s var(--ease);outline:none}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 0 20px var(--violet-glow)}.btn-primary:hover{background:#9180f9;box-shadow:0 0 28px var(--violet-glow);transform:translateY(-1px)}.btn-ghost{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.btn-ghost:hover{color:var(--text);border-color:var(--violet);background:var(--violet-dim)}.btn-sm{padding:6px 13px;font-size:12px}.btn-outline{background:transparent;color:var(--violet2);border:1px solid var(--violet)}.btn-outline:hover{background:var(--violet-dim)}.data-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);gap:12px}.data-row:last-child{border-bottom:none}.data-label{color:var(--text2);font-size:13px;min-width:120px}.data-value{color:var(--text);font-weight:500;font-size:13px}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}thead th{background:var(--card2);padding:11px 14px;text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);white-space:nowrap}tbody tr{border-top:1px solid var(--border);transition:background .12s}tbody tr:hover{background:var(--bg3)}tbody td{padding:11px 14px;font-size:13px;color:var(--text2);white-space:nowrap}tbody td:first-child{color:var(--text);font-weight:500}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 18px;font-size:13.5px;font-weight:500;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;transition:all .18s;margin-bottom:-1px;-webkit-user-select:none;user-select:none}.tab:hover{color:var(--text)}.tab.active{color:var(--violet2);border-bottom-color:var(--violet)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:12.5px;font-weight:600;color:var(--text2);letter-spacing:.03em}.form-input{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:13.5px;outline:none;transition:border-color .18s}.form-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-dim)}.form-select{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:13.5px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.tip-box{background:var(--violet-dim);border:1px solid rgba(124,111,247,.25);border-radius:var(--radius);padding:16px;display:flex;align-items:flex-start;gap:12px}.tip-icon{color:var(--violet2);margin-top:2px;flex-shrink:0}.tip-title{font-weight:600;font-size:13px;margin-bottom:4px;color:var(--text)}.tip-text{font-size:12.5px;color:var(--text2);line-height:1.55}.action-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:all .18s}.action-item:hover{border-color:var(--violet);background:var(--violet-dim)}.action-icon{color:var(--violet2);flex-shrink:0;margin-top:2px}.action-title{font-weight:600;font-size:13px}.action-desc{font-size:12px;color:var(--text2);margin-top:2px}.license-key-box{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.license-key{font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:.08em;color:var(--text)}.license-shield{width:80px;height:80px;background:linear-gradient(135deg,var(--violet-dim),var(--bg3));border:1px solid var(--border2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--violet2);flex-shrink:0}.master-detail{display:flex}.file-tree{border-right:1px solid var(--border);padding-right:16px;min-width:160px}.file-tree-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text2);transition:all .15s}.file-tree-item:hover{color:var(--text);background:var(--bg3)}.file-tree-item.active{color:var(--violet2);background:var(--violet-dim)}.screen-thumb{background:var(--bg3);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease)}.screen-thumb:hover{background:var(--bg3)}.screen-thumb-img{width:100%;height:120px;background:linear-gradient(135deg,var(--bg2) 0%,var(--card2) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:10px 10px 0 0}.screen-thumb-footer{padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.screen-thumb-name{font-weight:600;font-size:12.5px}.screen-thumb-count{font-size:11px;color:var(--text3)}.activity-row{display:grid;grid-template-columns:175px 1fr 150px 1.2fr 1.4fr;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12.5px;transition:background .12s}.activity-row:hover{background:var(--bg3)}.activity-row.active{background:var(--violet-dim)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.activity-row.header{background:var(--card2);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);border-radius:var(--radius) var(--radius) 0 0}.pay-row{display:grid;grid-template-columns:100px 1fr 80px 70px 80px 100px;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12.5px;transition:background .12s}.pay-row:hover{background:var(--bg3)}.pay-row.header{background:var(--card2);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}.mini-bars{display:flex;align-items:flex-end;gap:3px;height:40px}.mini-bar{flex:1;border-radius:3px 3px 0 0;background:var(--violet-dim);transition:height .3s var(--ease)}.mini-bar.active{background:var(--violet)}.sub-row{display:grid;grid-template-columns:1fr 80px 90px 110px 80px 100px;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;transition:background .12s}.sub-row.header{background:var(--card2);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}.sub-row:hover:not(.header){background:var(--bg3)}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text3)}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text);line-height:1}.stat-sub{font-size:12px;color:var(--text2)}.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:8px 14px;color:var(--text2);font-size:13px}.search-bar input{background:none;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:13px;flex:1}.search-bar input::placeholder{color:var(--text3)}.divider{height:1px;background:var(--border);margin:16px 0}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text2)}.text-dim{color:var(--text3)}.text-violet{color:var(--violet2)}.text-green{color:var(--green)}.text-red{color:var(--red)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-display{font-family:var(--font-display)}.w-full{width:100%}.overflow-hidden{overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{display:block;background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 37%,var(--bg3) 63%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm);flex-shrink:0}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.stagger>*{animation:pageIn .35s var(--ease) both}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.09s}.stagger>*:nth-child(3){animation-delay:.14s}.stagger>*:nth-child(4){animation-delay:.19s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.29s}.stagger>*:nth-child(7){animation-delay:.34s}.stagger>*:nth-child(8){animation-delay:.39s}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-wrap:hover .tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);background:var(--card2);border:1px solid var(--border2);border-radius:6px;padding:5px 10px;font-size:11.5px;white-space:nowrap;color:var(--text);opacity:0;pointer-events:none;transition:all .15s;z-index:100}.tooltip-right{left:0;transform:translate(0) translateY(4px)}.tooltip-wrap:hover .tooltip-right{transform:translate(0) translateY(0)}.progress{height:4px;background:var(--bg3);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--violet);border-radius:99px;transition:width .6s var(--ease)}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-chip{padding:5px 13px;border-radius:99px;font-size:12px;font-weight:500;border:1px solid var(--border2);color:var(--text2);cursor:pointer;transition:all .15s;background:transparent}.filter-chip:hover{color:var(--text);border-color:var(--violet);background:var(--violet-dim)}.filter-chip.active{background:var(--violet);color:#fff;border-color:var(--violet)}.sparkline{display:flex;align-items:center}.sparkline svg{overflow:visible}.sidebar-overlay{display:none}.topbar-menu-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border2);border-radius:10px;color:var(--text2);cursor:pointer;flex-shrink:0}.topbar-menu-btn:hover{color:var(--text);border-color:var(--violet)}@media (max-width: 1024px){.topbar-menu-btn{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .25s var(--ease);box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9}.topbar{padding:0 16px}.master-detail{flex-direction:column}.master-detail .file-tree{width:100%;min-width:0!important;border-right:none;border-bottom:1px solid var(--border);padding-right:0}}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.tabs{overflow-x:auto}}.media-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.media-view-toggle{display:flex;gap:6px}.media-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px}.media-crumb.current{color:var(--text);font-weight:600}.media-crumb.link{color:var(--text2);cursor:pointer}.media-crumb.link:hover{color:var(--violet)}.media-crumb-sep{color:var(--text3)}.media-layout{display:flex;align-items:flex-start;gap:16px}.media-tree{width:320px;flex-shrink:0;min-height:380px;position:sticky;top:0}.media-tree-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text2)}.media-content{flex:1;min-width:0;min-height:380px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.media-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease)}.media-card:hover{background:var(--bg3)}.media-card.active{border-color:var(--violet);background:var(--violet-dim)}.media-card-top{display:flex;align-items:center;justify-content:space-between}.media-card-name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card-meta{font-size:11.5px;color:var(--text2)}.media-folder-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;color:var(--violet);background:var(--violet-dim)}.media-folder-icon.sm{width:28px;height:28px;border-radius:7px}.media-folder-icon svg,.media-chip svg{width:22px;height:22px}.media-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.04em;flex-shrink:0}.media-more{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;background:transparent;border-radius:50%;color:var(--text2);cursor:pointer;transition:all .15s var(--ease)}.media-more svg{width:20px;height:20px}.media-more:hover{color:var(--text);border-color:var(--violet);background:var(--violet-dim)}.media-list{display:flex;flex-direction:column}.media-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .15s var(--ease)}.media-row:hover{background:var(--bg3)}.media-row.active{background:var(--violet-dim);border-color:var(--violet)}.media-row-name{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.media-row-text .media-row-name{flex:none}.media-row-sub{font-size:11px;font-style:italic;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-row-col{font-size:12px;color:var(--text2);flex-shrink:0;width:120px}.media-drawer{width:300px;flex-shrink:0;position:sticky;top:0}.media-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.media-drawer-title{font-weight:600;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-drawer-close{border:none;background:transparent;color:var(--text3);font-size:15px;line-height:1;cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0}.media-drawer-close:hover{color:var(--text);background:var(--bg4)}.media-drawer-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}@media (max-width: 900px){.media-layout{flex-direction:column}.media-drawer{width:100%;position:static}.media-row-col{width:auto}}@media (max-width: 768px){.media-toolbar{gap:8px}.media-toolbar .search-bar{min-width:0}}.top-loader{position:fixed;top:0;left:0;right:0;height:3px;z-index:2000;background:linear-gradient(90deg,transparent,var(--violet),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:topLoader 1s linear infinite}@keyframes topLoader{0%{background-position:-50% 0}to{background-position:150% 0}}.settings-section-title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);margin-bottom:12px}.settings-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.settings-card:hover{border-color:var(--violet);background:var(--bg3);transform:translateY(-1px)}.settings-card.disabled{cursor:default;opacity:.6}.settings-card.disabled:hover{border-color:var(--border);background:var(--card);transform:none}.settings-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--violet-dim);color:var(--violet2);flex-shrink:0}.settings-card-icon svg{width:20px;height:20px}.settings-card-title{display:flex;align-items:center;font-weight:600;color:var(--text);margin-bottom:3px}.settings-card-desc{font-size:12.5px;color:var(--text2);line-height:1.4}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.theme-card{display:block;text-align:left;cursor:pointer;padding:0;overflow:hidden;border:2px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);font-family:var(--font-body);transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.theme-card:hover{transform:translateY(-2px)}.theme-card.selected{border-color:var(--violet);box-shadow:0 6px 20px var(--violet-glow)}.theme-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 8px}.theme-card-name{font-weight:600;font-size:13px;color:var(--text)}.theme-card-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--violet);color:#fff;flex-shrink:0}.theme-card-check svg{width:13px;height:13px}.theme-card-preview{margin:0 14px 14px;height:86px;border:1px solid var(--border);border-radius:8px;background:var(--bg2);padding:8px;display:flex;flex-direction:column;gap:6px}.tcp-bar{height:8px;width:50%;border-radius:4px;background:var(--card2)}.tcp-body{flex:1;display:flex;gap:6px;min-height:0}.tcp-side{width:26px;border-radius:5px;background:var(--card);border:1px solid var(--border)}.tcp-main{flex:1;display:flex;flex-direction:column;gap:5px}.tcp-btn{height:12px;width:44px;border-radius:4px;background:var(--violet)}.tcp-line{height:6px;border-radius:4px;background:var(--card2)}.form-section-title{font-size:13px;font-weight:700;color:var(--text);margin:24px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.phone-input{--PhoneInputCountryFlag-height: 1em;gap:10px}.phone-input .PhoneInputInput{background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius-sm);padding:9px 14px;font-family:var(--font-body);font-size:13.5px;outline:none}.phone-input .PhoneInputInput:focus{border-color:var(--violet)}.phone-input .PhoneInputCountrySelect{color:var(--text)}.phone-input .PhoneInputCountry{padding:0 10px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm)}.tabs-scroll{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll .tab{flex-shrink:0;white-space:nowrap}.back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;margin-bottom:8px;color:var(--text2);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s}.back-link:hover{color:var(--violet2)}.back-link svg{width:16px;height:16px}.upgrade-modal-icon{width:56px;height:56px;border-radius:16px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;background:var(--violet-dim);border:1px solid var(--violet-glow);color:var(--violet2)}.upgrade-modal-icon svg{width:26px;height:26px}.billing-fields{display:flex;flex-direction:column;gap:14px}.billing-details-step{max-width:460px;margin:0 auto}.use-saved-toggle{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--border2);border-radius:12px;margin-bottom:16px;cursor:pointer;font-weight:600;color:var(--text)}.use-saved-toggle input{width:16px;height:16px;flex-shrink:0}.saved-address{padding:16px}.address-summary{display:flex;flex-direction:column;gap:4px}.licence-meter-num{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-.02em}.licence-bar{height:10px;border-radius:999px;background:var(--bg3);overflow:hidden;margin:12px 0 8px}.licence-bar-fill{height:100%;background:var(--violet);border-radius:999px;transition:width .3s ease}.licence-device-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.licence-device-row:last-child{border-bottom:none}.test-banner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 16px;background:var(--amber);color:#2a1d02;font-size:13px;font-weight:600;text-align:center}.test-banner-pill{background:#0003;color:inherit;font-weight:800;font-size:11px;letter-spacing:.08em;padding:2px 9px;border-radius:999px;text-transform:uppercase;flex-shrink:0}@media (max-width: 720px){.test-banner{font-size:12px;padding:7px 12px}}.billing-banner{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;margin-bottom:16px;border:1px solid var(--border)}.billing-banner svg{width:20px;height:20px;flex-shrink:0}.billing-banner-warn{background:var(--amber-dim);border-color:#f5a6234d;color:var(--amber)}.billing-banner-warn .font-semibold{color:var(--text)}.billing-banner-info{background:var(--violet-dim);border-color:var(--violet-glow);color:var(--violet2)}.sub-hero{padding:22px}.sub-hero-head{display:flex;align-items:center;gap:16px}.sub-hero-icon{width:56px;height:56px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--violet-dim);border:1px solid var(--violet-glow);color:var(--violet2)}.sub-hero-icon svg{width:26px;height:26px}.sub-hero-plan{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.01em}.sub-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.sub-hero-stat{display:flex;flex-direction:column;gap:6px}.sub-hero-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text2);font-weight:600}.sub-hero-stat-value{font-size:16px;font-weight:700;color:var(--text)}.billing-perks{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;padding:16px 18px}.billing-perk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.billing-perk svg{width:16px;height:16px;color:var(--green);flex-shrink:0}.wizard{margin-top:8px}.stepper{display:flex;align-items:center;width:100%;padding:4px 2px;margin-bottom:28px}.stepper-item{display:flex;align-items:center;flex:1 1 0;min-width:0}.stepper-item:last-child{flex:0 1 auto}.stepper-node{display:flex;align-items:center;gap:10px;min-width:0}.stepper-dot{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all .2s;background:var(--bg3);color:var(--text2);border:1.5px solid var(--border2)}.stepper-label{font-size:13px;font-weight:600;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.stepper-line{flex:1 1 auto;min-width:8px;height:2px;background:var(--border2);margin:0 12px;border-radius:2px;transition:background .2s}.stepper-item.done .stepper-dot{background:var(--violet);border-color:var(--violet);color:#fff}.stepper-item.done .stepper-line{background:var(--violet)}.stepper-item.done .stepper-label{color:var(--text)}.stepper-item.current .stepper-dot{background:var(--violet-dim);border-color:var(--violet);color:var(--violet2);box-shadow:0 0 0 4px var(--violet-dim)}.stepper-item.current .stepper-label{color:var(--text)}.stepper-dot svg{width:15px;height:15px}.wizard-step-head{margin-bottom:20px}.wizard-step-title{font-size:18px;font-weight:700;color:var(--text)}.wizard-step-hint{font-size:13px;color:var(--text2);margin-top:4px}.wizard-body{min-height:220px}.wizard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.qty{display:flex;align-items:center;gap:0;width:fit-content;border:1px solid var(--border2);border-radius:14px;overflow:hidden}.qty-btn{width:52px;height:56px;border:none;background:var(--card2);color:var(--text);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.qty-btn:hover:not(:disabled){background:var(--violet-dim);color:var(--violet2)}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-btn svg{width:16px;height:16px}.qty-input{width:88px;height:56px;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);background:transparent;text-align:center;font-size:22px;font-weight:700;color:var(--text);-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.choice-card{position:relative;text-align:left;cursor:pointer;padding:20px;border-radius:16px;border:1.5px solid var(--border2);background:var(--card);transition:border-color .15s,box-shadow .15s,transform .1s}.choice-card:hover{border-color:var(--violet2)}.choice-card.selected{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-dim)}.choice-card-badge{position:absolute;top:-10px;right:16px;font-size:11px;font-weight:700;background:var(--violet);color:#fff;padding:3px 10px;border-radius:999px}.choice-card-title{font-size:16px;font-weight:700;color:var(--text)}.choice-card-price{font-size:26px;font-weight:800;color:var(--text);margin-top:10px;letter-spacing:-.02em}.choice-card-price small{font-size:13px;font-weight:600;color:var(--text2)}.choice-card-note{font-size:12px;color:var(--text2);margin-top:4px}.choice-card-save{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--green);background:var(--green-dim);padding:3px 8px;border-radius:8px}.choice-card-check{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.choice-card-check svg{width:13px;height:13px}.choice-card.selected .choice-card-check{opacity:1}.plan-features{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text2)}.plan-features li svg{width:15px;height:15px;color:var(--green);flex-shrink:0;margin-top:1px}.radio-card{display:flex;align-items:flex-start;gap:12px;text-align:left;cursor:pointer;width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border2);background:var(--card);transition:border-color .15s,box-shadow .15s}.radio-card:hover{border-color:var(--violet2)}.radio-card.selected{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-dim)}.radio-card-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border2);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.radio-card.selected .radio-card-dot{border-color:var(--violet)}.radio-card.selected .radio-card-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--violet)}.radio-card-title{font-weight:600;color:var(--text);font-size:14px}.radio-card-note{font-size:12px;color:var(--text2);margin-top:2px}.billing-modal{width:min(860px,94vw);max-height:88vh;overflow-y:auto}.billing-modal-sm{width:min(520px,94vw);max-height:88vh;overflow-y:auto}.billing-modal-title{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.01em;margin-bottom:4px}.pay-card-element{border:1.5px solid var(--border2);border-radius:12px;padding:16px;background:var(--card);transition:border-color .15s,box-shadow .15s}.pay-card-element.is-focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-dim)}.review-list{display:flex;flex-direction:column}.review-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.review-row:last-of-type{border-bottom:none}.review-label{color:var(--text2);font-size:14px}.review-value{color:var(--text);font-weight:600;font-size:14px}.review-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:16px;border-top:2px solid var(--border2)}.review-total-label{font-size:15px;font-weight:700;color:var(--text)}.review-total-value{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.02em}.review-note{font-size:12px;color:var(--text2);text-align:right;margin-top:6px}.checkout-return{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;text-align:center}.checkout-return-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center}.checkout-return-icon svg{width:34px;height:34px}.checkout-return-icon.is-active{background:var(--green-dim);color:var(--green)}.checkout-return-icon.is-processing{background:var(--violet-dim);color:var(--violet2)}.checkout-return-title{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.01em}.checkout-return-sub{font-size:15px;font-weight:600;color:var(--text)}.spinner-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--violet-glow);border-top-color:var(--violet);display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invoice-row{display:grid;grid-template-columns:1.2fr 2fr 1fr 1fr .8fr;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.invoice-row.header{background:var(--card2);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text2);font-weight:600}.invoice-row:last-child{border-bottom:none}@media (max-width: 720px){.sub-hero-grid{grid-template-columns:1fr}.stepper-label{display:none}.stepper-dot{width:26px;height:26px;font-size:12px}.stepper-dot svg{width:13px;height:13px}.stepper-line{margin:0 6px;min-width:6px}.stepper-item.current .stepper-dot{box-shadow:0 0 0 3px var(--violet-dim)}.invoice-row{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.invoice-row .invoice-hide-sm{display:none}}.upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-filename{font-size:13px;color:var(--text2);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-content-head{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:150px;padding:24px;border:2px dashed var(--border2);border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.upload-dropzone:hover,.upload-dropzone.is-over{border-color:var(--violet);background:var(--violet-dim)}.upload-dropzone.has-file{border-style:solid;border-color:var(--violet-glow)}.upload-dropzone svg{width:30px;height:30px;color:var(--violet2)}.upload-dropzone-text,.upload-dropzone-name{font-weight:600;color:var(--text)}.upload-dropzone-name{word-break:break-all}.playlist-timeline .media-row{position:relative;padding-left:30px}.playlist-timeline .media-row:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--border2)}.playlist-timeline .media-row:after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 3px var(--card);z-index:1}.playlist-timeline .media-row:first-child:before{top:50%}.playlist-timeline .media-row:last-child:before{bottom:50%}.playlist-timeline .media-row.active:after{background:var(--violet2)}.media-picker{border:1px solid var(--border2);border-radius:12px;overflow:hidden;width:100%}.media-picker-search{padding:8px 10px;border-bottom:1px solid var(--border)}.media-picker-search input{width:100%;border:none;background:transparent;color:var(--text);font-size:13px;outline:none}.media-picker-list{max-height:220px;overflow-y:auto}.media-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .12s}.media-picker-item:hover{background:var(--bg3)}.media-picker-item.selected{background:var(--violet-dim)}.media-picker-item svg{width:16px;height:16px;color:var(--violet);margin-left:auto;flex-shrink:0}.media-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px}.media-picker-empty{padding:20px;text-align:center;color:var(--text2);font-size:13px}.media-picker.two-pane{display:grid;grid-template-columns:42% 58%;min-height:200px;max-height:280px}.media-picker-folders{border-right:1px solid var(--border);overflow-y:auto}.media-picker-files{overflow-y:auto}.media-picker-folder{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:13px;color:var(--text)}.media-picker-folder:hover{background:var(--bg3)}.media-picker-folder.selected{background:var(--violet-dim);color:var(--violet2);font-weight:600}.media-picker-folder svg{width:16px;height:16px;flex-shrink:0;color:var(--amber)}._button_1x7hj_2{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .18s var(--ease);outline:none}._button_1x7hj_2._red_1x7hj_18{color:var(--red)}._button_1x7hj_2._center_1x7hj_21{justify-content:center}._button_1x7hj_2._start_1x7hj_24{justify-content:flex-start}._button_1x7hj_2._end_1x7hj_27{justify-content:flex-end}._button_1x7hj_2._primary_1x7hj_30{background:var(--violet);color:#fff;box-shadow:0 0 20px var(--violet-glow)}._button_1x7hj_2._primary_1x7hj_30:hover{background:#9180f9;box-shadow:0 0 28px var(--violet-glow);transform:translateY(-1px)}._button_1x7hj_2._ghost_1x7hj_40{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}._button_1x7hj_2._ghost_1x7hj_40:hover{color:var(--text);border-color:var(--violet);background:var(--violet-dim)}._button_1x7hj_2._save_1x7hj_50{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}._button_1x7hj_2._save_1x7hj_50:hover{color:var(--text);border-color:var(--green);background:var(--green-dim)}._button_1x7hj_2._outline_1x7hj_60{background:transparent;color:var(--violet2);border:1px solid var(--violet)}._button_1x7hj_2._outline_1x7hj_60:hover{background:var(--violet-dim)}._button_1x7hj_2._small_1x7hj_68{padding:6px 13px;font-size:12px}._button_1x7hj_2._full_1x7hj_72{width:100%}._button_1x7hj_2._round_1x7hj_75{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center;flex-shrink:0;gap:0}._button_1x7hj_2:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}._inactive_1x7hj_91{padding:5px 13px;border-radius:99px;font-size:12px;font-weight:500;border:1px solid var(--border2);color:var(--text2);cursor:pointer;transition:all .15s;background:transparent}._inactive_1x7hj_91:hover{color:var(--text);border-color:var(--violet);background:var(--violet-dim)}._active_1x7hj_108{padding:5px 13px;border-radius:99px;font-size:12px;font-weight:500;border:1px solid var(--violet);background:var(--violet);color:#fff;cursor:pointer}._iconButton_1x7hj_119{width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);background:var(--bg3);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);transition:all .15s}._iconButton_1x7hj_119:hover{color:var(--text);border-color:var(--violet);background:var(--violet-dim)}._modal_1ncf0_1{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000}._modalBackground_1ncf0_10{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}._modalLayout_1ncf0_18{background:var(--card2);border-radius:10px;padding:22px;z-index:1001;box-shadow:var(--shadow-lg)}._editModalContent_3cxm1_1{display:flex;flex-direction:column;min-width:300px;width:100%;margin-bottom:16px}._editModalContent_3cxm1_1 input,._editModalContent_3cxm1_1 select,._editModalContent_3cxm1_1 textarea{outline:none;color:var(--text);background:var(--bg3);border:1px solid var(--border2);font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:var(--radius-sm)}._userMenu_d9oyf_1{position:relative}._trigger_d9oyf_5{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:10px;transition:background .15s}._trigger_d9oyf_5:hover{background:var(--bg3)}._avatar_d9oyf_20{position:relative;width:36px;height:36px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;flex-shrink:0;text-transform:uppercase}._dot_d9oyf_36{position:absolute;bottom:0;right:0;width:8px;height:8px;background:var(--green);border-radius:50%;border:2px solid var(--bg2)}._info_d9oyf_47{display:flex;flex-direction:column;line-height:1.2;text-align:left}@media (max-width: 640px){._info_d9oyf_47{display:none}}._name_d9oyf_59{font-size:12.5px;font-weight:600;color:var(--text)}._email_d9oyf_65{font-size:11px;color:var(--text2)}._menu_d9oyf_70{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:220px;padding:6px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #0000001f}._item_d9oyf_83{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:none;border:none;border-radius:8px;font-size:13px;color:var(--text);cursor:pointer;text-align:left}._item_d9oyf_83:hover{background:var(--bg3);color:var(--violet)}._divider_d9oyf_102{height:1px;background:var(--border);margin:6px 4px}._logout_d9oyf_108{color:var(--red)}._logout_d9oyf_108:hover{color:var(--red);background:var(--red-dim)}._langChanger_1n3rq_2{position:relative;display:block;width:100%}._langChangerLink_1n3rq_9{display:inline-block;width:auto}._linkTrigger_1n3rq_14{display:inline-flex;align-items:center;gap:5px;padding:0;background:none;border:none;color:#6b7280;font-size:.8rem;font-family:inherit;cursor:pointer;transition:color .15s}._linkTrigger_1n3rq_14 svg{width:14px;height:14px}._linkTrigger_1n3rq_14:hover{color:#ff0050}._menu_1n3rq_35{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;min-width:160px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001a}._menuLink_1n3rq_51{left:auto;right:0}._item_1n3rq_56,._itemActive_1n3rq_57{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;border-radius:8px;font-size:.85rem;color:#374151;cursor:pointer;text-align:left}._item_1n3rq_56:hover,._itemActive_1n3rq_57:hover{background:#f3f4f6}._itemActive_1n3rq_57{background:#ff005014;color:#ff0050;font-weight:600}._itemCode_1n3rq_82{flex-shrink:0;width:22px;font-size:.72rem;font-weight:700;color:inherit}._banner_jdn1c_1{display:flex;align-items:center;gap:14px;padding:12px 28px;background:var(--violet-dim);border-bottom:1px solid var(--border);color:var(--text)}._icon_jdn1c_11{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--violet);color:#fff}._text_jdn1c_23{display:flex;flex-direction:column;line-height:1.3;min-width:0}._title_jdn1c_30{font-size:13px;font-weight:600;color:var(--text)}._subtitle_jdn1c_36{font-size:12px;color:var(--text2)}._actions_jdn1c_41{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}._resend_jdn1c_49{border:none;border-radius:var(--radius-sm);padding:7px 16px;font-size:12.5px;font-weight:600;color:#fff;background:var(--violet);box-shadow:0 0 16px var(--violet-glow);cursor:pointer;transition:opacity .15s var(--ease),transform .15s var(--ease);white-space:nowrap}._resend_jdn1c_49:hover{opacity:.92;transform:translateY(-1px)}._resend_jdn1c_49:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}._sent_jdn1c_73{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--green)}._error_jdn1c_82{font-size:12px;color:var(--red)}._close_jdn1c_87{border:none;background:transparent;color:var(--text2);font-size:20px;line-height:1;cursor:pointer;padding:0 4px;border-radius:6px}._close_jdn1c_87:hover{color:var(--text)}