#root,body,html{background-color:#0d1117;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--border-color:#ffffff1a;--primary-accent:#38bdf8;--primary-accent-hover:#0ea5e9;--success-color:#22c55e;--success-color-hover:#16a34a;--warning-color:#f97316;--warning-color-hover:#ea580c;--danger-color:#ef4444;--danger-color-hover:#dc2626;--info-color:#3b82f6;--info-color-hover:#2563eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--radius-md:8px;--radius-lg:12px}body{background-color:#111827;background-color:var(--bg-primary);color:#e5e7eb;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;min-height:100vh}.browser-element-preview.transparent{background-color:initial!important;border:none!important}.browser-element-preview.transparent body{background-color:initial!important}.loading-spinner{border-top-color:#3498db;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1002}.hidden{display:none!important}.control-btn{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s,border-color .2s,transform .1s}.control-btn:hover{background-color:var(--primary-accent);border-color:var(--primary-accent);color:var(--bg-primary)}.control-btn:active{box-shadow:none;transform:scale(.98)}.control-btn.cancel-btn{background-color:initial;border-color:var(--text-secondary);color:var(--text-secondary)}.cta-btn{align-items:center;background-color:var(--primary-accent);border:none;border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px;transition:background-color .2s,transform .1s;width:100%}.cta-btn:hover{background-color:var(--primary-accent-hover)}.cta-btn:active{transform:scale(.98)}.control-btn.cancel-btn:hover{background-color:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg-primary)}.action-btn-secondary{font-size:13px;gap:6px}.form-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:20px}.form-section label{color:#d1d5db;display:block;font-weight:500;margin-bottom:8px}.form-section input[type=datetime-local],.form-section input[type=number],.form-section input[type=password],.form-section input[type=text],.form-section select,.form-section textarea{background:#1f2937;border:1px solid #374151;border-radius:6px;box-sizing:border-box;color:#e5e7eb;padding:10px;width:100%}.form-section input[type=range]{width:100%}.radio-group{align-items:center;display:flex;margin-bottom:10px}.radio-group input[type=radio]{margin-right:10px}.checkbox-group{align-items:center;display:flex;margin-top:10px}.checkbox-group input[type=checkbox]{margin-right:10px}.form-row-flex{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.form-row-flex label{margin-bottom:0}.small-checkbox{height:20px!important;width:36px!important}.small-checkbox span:before{height:12px!important;width:12px!important}.small-checkbox input:checked+span:before{transform:translateX(16px)!important}.custom-select-wrapper{margin-bottom:15px;position:relative;width:100%}.custom-select{background-color:#2c3e50;border:1px solid #34495e;border-radius:5px;color:#ecf0f1;cursor:pointer}.custom-select__trigger{align-items:center;display:flex;justify-content:space-between;padding:10px}.arrow{border:solid #ecf0f1;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .3s}.custom-select.open .arrow{transform:rotate(-135deg)}.custom-options{background-color:#34495e;border:1px solid #2c3e50;border-radius:0 0 5px 5px;display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.custom-select.open .custom-options{display:block}.custom-option{cursor:pointer;padding:10px;transition:background-color .2s}.custom-option:hover{background-color:#4a6fa5}.custom-option.selected{background-color:#2980b9}.source-list{padding:10px;position:relative;z-index:1}.source-item{background:#374151;border:1px solid #0000;border-radius:5px;color:#e5e7eb;cursor:grab;flex-shrink:1;flex-wrap:wrap;margin-bottom:8px;min-width:0}.source-item.selected{background:#312e81;border-color:#4f46e5}.delete-source-btn{color:#e5e7eb;font-size:18px}.source-controls{border-top:1px solid #374151;padding:10px;position:relative}#add-source-btn{background:#4f46e5;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px;width:100%}.source-menu{background-color:#34495e;border:1px solid #2c3e50;border-radius:5px;bottom:100%;display:flex;flex-direction:column;gap:5px;left:0;opacity:0;padding:5px;position:absolute;transform:translateY(10px);transition:opacity .2s,transform .2s;z-index:100}.source-menu.visible{opacity:1;transform:translateY(0)}.source-menu a{border-radius:3px;color:#ecf0f1;padding:8px 12px;text-decoration:none;transition:background-color .2s}.source-menu a:hover{background-color:#4a6fa5}.properties-content{display:flex;flex-direction:column;flex-grow:1;gap:18px;overflow-y:auto;padding:20px}.prop-item{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:1fr 1.5fr}.prop-item label{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:0;text-align:left}.properties-content input[type=number],.properties-content input[type=range],.properties-content input[type=text],.properties-content select,.properties-content textarea{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);padding:8px 12px;transition:border-color .2s,background-color .2s;width:100%}.properties-content input[type=number]:focus,.properties-content input[type=text]:focus,.properties-content select:focus{border-color:var(--primary-accent);outline:none}.prop-item .custom-checkbox{justify-self:start}.custom-checkbox{display:inline-block;height:24px;position:relative;width:44px}.custom-checkbox input{height:0;opacity:0;width:0}.custom-checkbox span{background-color:#374151;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.custom-checkbox span:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.custom-checkbox input:checked+span{background-color:#4f46e5}.custom-checkbox input:checked+span:before{transform:translateX(20px)}.transform-properties{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr;margin-bottom:15px}.loading-overlay{align-items:center;background-color:#000000b3;display:flex;display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#4f46e5;height:60px;width:60px}.loading-text{color:#fff;font-size:1.2em;margin-top:20px}.stat-card-body{display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center}.stat-card-body h3{color:var(--text-secondary);font-size:16px;margin:0}.stat-card-body p{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.installation-guide{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:15px;padding:15px}.installation-guide h5,.installation-guide h6{color:#333;margin-bottom:10px;margin-top:10px}.code-block-container{background-color:#2d2d2d;border-radius:5px;color:#f8f8f2;font-family:Courier New,Courier,monospace;margin-bottom:15px;padding:15px;position:relative}.code-block-container pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.code-block-container .copy-btn{background-color:#555;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.8em;padding:5px 10px;position:absolute;right:10px;top:10px;transition:background-color .2s}.code-block-container .copy-btn:hover{background-color:#777}.visual-canvas{background-color:#000;border:1px solid #4b5563;box-sizing:border-box;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.resizable-box{border:2px solid #0000;position:absolute}.resizable-box.selected{border-color:var(--primary-accent)}.handle{cursor:move;height:100%;position:absolute;width:100%;z-index:10}.source-image,.source-video{height:100%;object-fit:cover;width:100%}.source-text{align-items:center;background-color:#00000080;color:#fff;display:flex;height:100%;justify-content:center;overflow:hidden;padding:10px;width:100%}.platform-list .platform-item{background-color:#0003;border:1px solid #374151;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:background-color .3s,border-color .3s}.platform-list .platform-item.selected{background-color:#312e81;border-color:#4f46e5}.platform-list .platform-item label{align-items:center;display:flex;font-size:1em;gap:10px}.platform-settings{border-top:1px solid #4b5563;margin-top:12px;padding-top:12px}.platform-settings label{color:#a5b4fc;display:block;font-size:.9em;margin-bottom:5px}.stream-key-input{background-color:#0000004d;border:1px solid #4b5563;border-radius:6px;color:#eee;font-size:.9em;margin-bottom:10px;padding:8px;width:100%}.form-section{margin-bottom:15px}.form-section legend{color:var(--text-primary);font-size:.9em;font-weight:600;padding-bottom:10px}.schedule-option{margin-bottom:10px}.schedule-label{display:block;font-weight:500;margin-bottom:8px}.schedule-option div{align-items:center;display:flex;margin-bottom:5px}.schedule-option input[type=radio]{margin-right:8px}.schedule-divider{background-color:#374151;border:0;height:1px;margin:15px 0}.main-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2c2c2cb3;border:1px solid #44444480;border-radius:15px;box-shadow:0 8px 32px 0 #0000005e;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.main-header h1{color:#e0e0e0;font-size:1.8em;margin:0}.header-left{gap:30px}.header-left,.search-bar{align-items:center;display:flex}.search-bar input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#3a3a3a99;border:1px solid #55555580;border-radius:20px;color:#eee;font-size:1em;transition:all .3s ease}.search-bar input::placeholder{color:#bbb}.search-bar input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80}.search-bar .fas.fa-search{color:#bbb;font-size:1em;left:15px;position:absolute}.user-profile{align-items:center;cursor:pointer;display:flex;gap:10px;transition:color .3s ease}.user-profile:hover{color:#007bff}.user-profile .user-avatar{color:#007bff;font-size:2em}.user-profile span{color:#e0e0e0;font-weight:700}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#202020b3;border-radius:0 15px 15px 0;border-right:1px solid #33333380;box-shadow:0 8px 32px 0 #0000005e;display:flex;flex-direction:column;gap:20px;padding:20px}.sidebar h2{align-items:center;color:#e0e0e0;display:flex;font-size:1.5em;gap:10px;justify-content:center;margin-bottom:15px}.sidebar nav ul{list-style:none;margin:0;padding:0}.sidebar nav ul li{margin-bottom:10px}.sidebar nav ul li a{align-items:center;border-radius:5px;color:#bbb;display:flex;gap:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.sidebar nav ul li a:hover,.sidebar nav ul li.active a{background-color:#007bff;color:#fff}.sidebar nav ul li a .fas{font-size:1.2em}#add-stream-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#28a745cc;border:1px solid #28a74580;border-radius:25px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.1em;font-weight:700;gap:10px;justify-content:center;padding:12px 20px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}#add-stream-btn:hover{background-color:#218838e6;box-shadow:0 6px 15px #0006;transform:translateY(-2px)}#add-stream-btn .fas{font-size:1.3em}.dashboard-v2{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden;padding:2rem;position:relative}.dashboard-v2:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%234A4A4A' stroke-width='.5'%3E%3Cpath d='M0 0h800v800H0zM800 0 0 800M0 0l800 800'/%3E%3C/g%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.03;position:absolute;top:0;width:100%;z-index:0}.dashboard-header,.main-content-grid,.stats-bar{position:relative;z-index:1}.dashboard-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.vps-selector{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e1e2880;border:1px solid #ffffff1a;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;min-width:250px;padding:.5rem 1rem}.stats-bar{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.main-card,.stat-card-v2{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(115deg,#0000 30%,#ffffff14 50%,#0000 70%),linear-gradient(135deg,#58508d1a,#58508d0d);border:1px solid #0000;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff12;padding:1.5rem;transition:background .3s ease,box-shadow .3s ease,transform .3s ease}.stat-card-v2{display:flex;flex-direction:column}.main-card:hover,.stat-card-v2:hover{background:linear-gradient(115deg,#0000 25%,#ffffff1a 50%,#0000 75%),linear-gradient(135deg,#58508d33,#58508d1a);box-shadow:inset 0 0 0 1px #ffffff1a,0 0 25px #7852ff26;transform:translateY(-5px) scale(1.02)}.stat-card-v2-header{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;margin-bottom:1rem}.stat-card-v2-header i{color:var(--primary-accent);font-size:1.1rem;margin-right:.75rem;text-align:center;width:20px}.stat-card-v2-body{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.stat-card-v2-body h2{color:var(--text-primary);font-size:2.2rem;font-weight:600;margin:0}.stat-card-v2-body .error-text{color:var(--danger-color);font-size:.9rem}.stat-card-v2-body .sub-value{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:.25rem 0 0}.network-io-container{align-items:center;display:flex;height:100%;justify-content:space-around}.network-io-item{align-items:center;display:flex;gap:.75rem}.network-io-item i{font-size:1.5rem}.network-io-item:first-child i{color:var(--success-color)}.network-io-item:last-child i{color:var(--info-color)}.network-io-item div{display:flex;flex-direction:column}.network-io-value{color:var(--text-primary);font-size:1.4rem;font-weight:600}.network-io-label{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.stream-status-container{align-items:baseline;display:flex;font-size:2.2rem;font-weight:600;height:100%;justify-content:center}.stream-status-container .active{color:var(--success-color)}.stream-status-container .inactive{color:var(--danger-color)}.stream-status-container .separator{color:var(--text-secondary);font-weight:400;margin:0 .5rem}.main-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-card h3{border-bottom:1px solid #ffffff1a;color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem}.recent-streams-list{list-style:none;margin:0;padding:0}.recent-streams-list li{grid-gap:1rem;align-items:center;border-bottom:1px solid #ffffff14;border-radius:var(--radius-md);display:grid;gap:1rem;grid-template-columns:1fr auto auto;padding:.75rem .25rem;transition:background-color .2s}.recent-streams-list li:last-child{border-bottom:none}.recent-streams-list li:hover{background-color:#ffffff08}.stream-name{color:var(--text-primary);font-weight:500}.stream-status{border-radius:var(--radius-md);font-size:.8rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.stream-status.live{background-color:#22c55e26;border:1px solid #22c55e4d;color:var(--success-color)}.stream-status.pending,.stream-status.scheduled{background-color:#f9731626;border:1px solid #f973164d;color:var(--warning-color)}.stream-status.error,.stream-status.finished{background-color:#ef444426;border:1px solid #ef44444d;color:var(--danger-color)}.stream-timestamp{color:var(--text-secondary);font-size:.85rem;justify-self:end}.admin-stat-card{background-color:#ffffff08;border:1px solid #ffffff14;border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.admin-stat-card h4{color:var(--text-secondary);margin:0 0 .5rem}.admin-stat-card p{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.page-controls{justify-content:space-between;margin-bottom:25px}.search-and-filter{align-items:center;display:flex;gap:15px}.search-bar{position:relative}.search-bar input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 15px 10px 40px;transition:all .2s ease;width:300px}.search-bar input:focus{background-color:var(--bg-primary);border-color:var(--primary-accent);outline:none}.search-bar i{color:var(--text-secondary);left:15px;position:absolute;top:50%;transform:translateY(-50%)}.view-controls{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:var(--radius-md);display:flex;overflow:hidden}.view-btn{background-color:initial;border:none;color:var(--text-secondary);cursor:pointer;padding:8px 12px;transition:background-color .2s,color .2s}.view-btn:not(:last-child){border-right:1px solid #ffffff26}.view-btn.active{background-color:#ffffff40;color:var(--text-primary)}.view-btn:not(.active):hover{background-color:#fff3}.primary-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:background .2s,border .2s}.primary-btn:hover{background:#fff3;border:1px solid #ffffff40}.card-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.list-container{display:flex;flex-direction:column;gap:15px}.stream-list-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background-color .2s,border-color .2s}.item-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#2d3342b3;border:1px solid #ffffff1a;border-radius:var(--radius-lg);transition:background .2s,border .2s,transform .2s,box-shadow .2s}.item-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.stream-list-item:hover{background-color:var(--bg-tertiary);border-color:var(--primary-accent)}.item-card{display:flex;flex-direction:column;overflow:hidden}.card-thumbnail{align-items:center;background-color:var(--bg-tertiary);color:var(--text-secondary);display:flex;height:180px;justify-content:center;position:relative;width:100%}.card-thumbnail img{height:100%;object-fit:cover;width:100%}.no-preview-icon{color:var(--text-secondary);font-size:3em}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:15px}.card-meta{color:var(--text-secondary);font-size:.75em;margin-top:auto}.youtube-stats{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-around;margin-top:10px;padding-top:10px}.youtube-stats span{align-items:center;display:flex;gap:5px}.card-actions{display:flex;gap:10px;padding:0 15px 15px}.action-btn-secondary{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:1 1;font-size:.8em;gap:5px;justify-content:center;padding:6px 10px;text-align:center;text-decoration:none;transition:all .2s ease}.action-btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.action-btn-danger{background-color:#da36332a;border-color:#da363388;color:#ff817a}.action-btn-danger:hover{background-color:#da3633;border-color:#da3633;color:#fff}.stream-list-item{align-items:center;display:flex;gap:20px;padding:15px}.list-item-thumbnail{align-items:center;background-color:var(--bg-tertiary);border-radius:4px;display:flex;flex-shrink:0;height:90px;justify-content:center;overflow:hidden;width:160px}.list-item-thumbnail img{height:100%;object-fit:cover;width:100%}.list-item-info{flex-grow:1;min-width:0}.list-item-info .stream-name{color:var(--text-primary);font-size:.9em;font-weight:600;margin:0 0 5px}.list-item-info .stream-date{color:var(--text-secondary);font-size:.75em}.youtube-stats-list{color:var(--text-secondary);display:flex;font-size:.8rem;gap:15px;margin-top:8px}.youtube-stats-list span{align-items:center;display:flex;gap:5px}.list-item-status{flex-shrink:0;text-align:center;width:100px}.list-item-actions{display:flex;flex-shrink:0;gap:10px}.control-btn-sm{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:.8em;gap:4px;padding:4px 8px;text-decoration:none;transition:all .2s ease}.control-btn-sm:hover{background-color:var(--border-color);color:var(--text-primary)}.control-btn-sm.delete-btn:hover{background-color:#da3633;border-color:#da3633;color:#fff}.status-badge{border-radius:20px;font-size:.8em;padding:5px 10px}.card-thumbnail .status-badge{left:10px;position:absolute;top:10px;z-index:1}.thumbnail-footer{bottom:10px;position:absolute;right:10px;z-index:1}.thumbnail-title{background-color:#00000080;border-radius:20px;color:#fff;font-size:.8em;font-weight:600;padding:5px 10px;text-transform:uppercase}.status-badge.active{background-color:#2ea043}.status-badge.inactive{background-color:#8b949e}.action-btn-secondary.action-btn-start:hover,.control-btn-sm.action-btn-start:hover{background-color:#2ea043;border-color:#2ea043;color:#fff}.action-btn-secondary.action-btn-danger:hover,.action-btn-secondary.action-btn-stop:hover,.control-btn-sm.action-btn-danger:hover,.control-btn-sm.action-btn-stop:hover{background-color:#da3633;border-color:#da3633;color:#fff}.action-btn-secondary.action-btn-edit:hover,.control-btn-sm.action-btn-edit:hover{background-color:#ffc107;border-color:#ffc107;color:#1f2328}.action-btn-secondary.action-btn-add-link:hover,.control-btn-sm.action-btn-add-link:hover{background-color:#9c27b0;border-color:#9c27b0;color:#fff}.status-badge.live{align-items:center;background-color:#da3633;display:inline-flex;gap:6px}.live-indicator{animation:pulse 1.5s infinite;background-color:#ff817a;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff817ab3}70%{box-shadow:0 0 0 10px #ff817a00}to{box-shadow:0 0 0 0 #ff817a00}}.status-badge.idle,.status-badge.stopped{background-color:#8b949e}.thumbnail-header{align-items:center;display:flex;justify-content:space-between;left:10px;position:absolute;right:10px;top:10px;z-index:1}.stream-duration{background-color:#00000080;border-radius:20px;color:#fff;font-size:.8em;font-weight:600;padding:5px 10px}.list-item-status .stream-duration{display:inline-block;margin-top:5px}.download-progress-bar-container{align-items:center;background-color:#555;border-radius:5px;display:flex;height:18px;margin:5px 0;width:100%}.download-progress-bar{background-color:#4caf50;border-radius:5px;color:#fff;font-size:12px;height:100%;line-height:18px;overflow:hidden;text-align:center;transition:width .5s ease-in-out;white-space:nowrap}:root{--bg-primary-dark:#0d1117;--bg-secondary-dark:#161b22;--border-color-dark:#30363d;--text-primary-dark:#c9d1d9;--text-secondary-dark:#8b949e;--primary-accent-dark:#58a6ff;--input-bg-dark:#010409}.edit-layout-v4{grid-gap:20px;background-color:#0d1117;background-color:var(--bg-primary-dark);color:#c9d1d9;color:var(--text-primary-dark);display:grid;gap:20px;grid-template-columns:320px 1fr 320px;grid-template-rows:auto 1fr;height:calc(100vh - 40px);padding:20px}.editor-top-bar{align-items:center;border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-color-dark);display:flex;grid-column:1/-1;justify-content:space-between;padding-bottom:20px}.editor-main-actions{display:flex;gap:15px}.editor-action-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.back-btn{background-color:initial;border:1px solid #30363d;border:1px solid var(--border-color-dark);color:#8b949e;color:var(--text-secondary-dark)}.back-btn:hover{background-color:#161b22;background-color:var(--bg-secondary-dark);color:#c9d1d9;color:var(--text-primary-dark)}.editor-action-btn.cancel-btn{background-color:#4b5563;color:#e2e8f0}.editor-action-btn.cancel-btn:hover{background-color:#6b7280}.editor-action-btn.save-btn{background-color:#58a6ff;background-color:var(--primary-accent-dark);color:#0d1117;color:var(--bg-primary-dark)}.editor-action-btn.save-btn:hover{opacity:.9}.main-content-panel,.side-panel{display:flex;flex-direction:column;gap:20px;min-height:0}.canvas-container-v4{background:#161b22;background:var(--bg-secondary-dark);border:1px solid #30363d;border:1px solid var(--border-color-dark);border-radius:12px;display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:20px}.stream-builder-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px}.stream-builder-header h3{color:#c9d1d9;color:var(--text-primary-dark);font-weight:600;margin:0}.stream-builder-actions{display:flex;gap:10px}.stream-builder-actions .control-btn{background-color:#21262d;border:1px solid #30363d;border:1px solid var(--border-color-dark);border-radius:6px;color:#c9d1d9;color:var(--text-primary-dark);cursor:pointer;font-size:14px;padding:6px 12px}.stream-builder-actions .control-btn:hover{background-color:#30363d;border-color:#484f58}.stream-builder-actions .control-btn.active{background-color:#58a6ff;background-color:var(--primary-accent-dark);border-color:#58a6ff;border-color:var(--primary-accent-dark);color:#0d1117;color:var(--bg-primary-dark)}.canvas-wrapper{align-items:center;background:#010409;border-radius:8px;display:flex;flex-grow:1;justify-content:center;min-height:0;overflow:hidden}.canvas-placeholder{background-color:#0d1117;border:2px dashed #30363d;border:2px dashed var(--border-color-dark);box-sizing:border-box;color:#777;flex-shrink:0;font-style:italic;overflow:hidden!important;position:relative;transform-origin:top left}.bottom-panel-v4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:280px}.advanced-settings-panel,.form-container-v4,.platform-panel-v4,.properties-panel-v4,.sources-panel-v4{background:#161b22;background:var(--bg-secondary-dark);border:1px solid #30363d;border:1px solid var(--border-color-dark);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative}.advanced-settings-panel h3,.form-container-v4 h3,.platform-panel-v4 h3,.properties-panel-v4 h3,.sources-panel-v4 h3{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-color-dark);color:#c9d1d9;color:var(--text-primary-dark);flex-shrink:0;font-size:16px;font-weight:600;margin:0 0 10px;padding-bottom:10px}.source-list-wrapper{display:flex;flex-direction:column;flex-grow:1;min-height:0}.source-list{border:1px solid #30363d;border:1px solid var(--border-color-dark);border-radius:8px;flex-grow:1;overflow-y:auto;padding:5px}.source-item-placeholder{align-items:center;color:#8b949e;color:var(--text-secondary-dark);display:flex;font-style:italic;height:100%;justify-content:center}.source-item{padding:10px}.source-item:hover{background-color:#2d333b}.source-item:last-child{border-bottom:none}.source-item.active{background-color:#58a6ff;background-color:var(--primary-accent-dark);border-left:4px solid #58a6ff;border-left:4px solid var(--primary-accent-dark);color:#0d1117;color:var(--bg-primary-dark)}.add-source-container{align-self:flex-start;margin-top:15px;position:relative}.add-source-btn{background-color:#58a6ff;background-color:var(--primary-accent-dark);border:none;border-radius:50%;box-shadow:0 4px 15px #0003;color:#0d1117;color:var(--bg-primary-dark);cursor:pointer;font-size:24px;height:40px;line-height:40px;text-align:center;transition:transform .2s;width:40px}.add-source-btn:hover{transform:scale(1.1)}.add-source-menu{background-color:#161b22;background-color:var(--bg-secondary-dark);border:1px solid #30363d;border:1px solid var(--border-color-dark);border-radius:8px;bottom:100%;box-shadow:0 8px 32px 0 #0000005e;display:flex;flex-direction:column;left:0;margin-bottom:10px;position:absolute;width:180px;z-index:10}.add-source-menu button{background:none;border:none;border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-color-dark);color:#c9d1d9;color:var(--text-primary-dark);cursor:pointer;padding:12px 15px;text-align:left}.add-source-menu button:last-child{border-bottom:none}.add-source-menu button:hover{background-color:#58a6ff;background-color:var(--primary-accent-dark);color:#0d1117;color:var(--bg-primary-dark)}.form-group{margin-bottom:20px}.form-group label{color:#8b949e;color:var(--text-secondary-dark);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=text],.form-group select,.form-group textarea{background-color:#010409;background-color:var(--input-bg-dark);border:1px solid #30363d;border:1px solid var(--border-color-dark);border-radius:6px;box-sizing:border-box;color:#c9d1d9;color:var(--text-primary-dark);padding:10px 12px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#58a6ff;border-color:var(--primary-accent-dark);outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' class='bi bi-chevron-down'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.form-group .radio-group{align-items:center;display:flex;margin-bottom:8px}.form-group .radio-group label{color:#c9d1d9;color:var(--text-primary-dark);font-weight:400;margin-bottom:0;margin-left:8px}.form-group .radio-group input[type=radio]{accent-color:#58a6ff;accent-color:var(--primary-accent-dark)}.source-item{align-items:center;border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-color-dark);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:6px 10px;transition:background-color .2s}.source-item span{flex-grow:1;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-source-btn{background:none;border:none;color:#8b949e;color:var(--text-secondary-dark);cursor:pointer;font-size:16px;opacity:0;padding:0 5px;transition:opacity .2s,color .2s;visibility:hidden}.source-item:hover .delete-source-btn{opacity:1;visibility:visible}.delete-source-btn:hover{color:#f87171}.video-playlist-properties{display:flex;flex-direction:column;height:100%}.add-playlist-btn{background-color:#58a6ff;background-color:var(--primary-accent-dark);border:none;border-radius:5px;color:#0d1117;color:var(--bg-primary-dark);cursor:pointer;font-size:13px;font-weight:500;margin-bottom:10px;padding:6px;width:100%}.add-playlist-btn:hover{opacity:.9}.playlist-items{border:1px solid #30363d;border:1px solid var(--border-color-dark);border-radius:6px;flex-grow:1;overflow-y:auto;padding:5px}.playlist-item{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-color-dark);cursor:pointer;font-size:13px;padding:6px 8px}.playlist-item:last-child{border-bottom:none}.playlist-controls{align-items:center;border-top:1px solid #30363d;border-top:1px solid var(--border-color-dark);display:flex;margin-top:auto;padding-top:15px}.playlist-controls button{background:none;border:1px solid #30363d;border:1px solid var(--border-color-dark);border-radius:50%;color:#c9d1d9;color:var(--text-primary-dark);cursor:pointer;height:30px;margin-right:10px;width:30px}.playlist-controls button:hover{background-color:#161b22;background-color:var(--bg-secondary-dark)}.total-duration{font-size:14px;font-weight:600;margin-left:auto}.playlist-item.active{background-color:#58a6ff33;border-left:2px solid #58a6ff;border-left:2px solid var(--primary-accent-dark)}.playlist-progress-bar{background-color:#30363d;background-color:var(--border-color-dark);border-radius:3px;height:6px;margin:10px 0;width:100%}.progress{background-color:#58a6ff;background-color:var(--primary-accent-dark);border-radius:3px;height:100%;transition:width .1s linear;width:0}.time-display{color:#8b949e;color:var(--text-secondary-dark);font-size:12px;margin-right:15px}.playlist-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;padding:4px 8px}.playlist-item .video-name{margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-controls{align-items:center;display:flex;gap:8px}.playlist-item-controls .video-duration{color:#a0a0a0;font-size:.8rem}.control-btn-sm{background:none;border:none;color:#ccc;cursor:pointer;font-size:1rem;padding:2px 4px}.control-btn-sm:hover{color:#fff}.control-btn-sm.delete-btn:hover{color:#ff4d4d}.loop-control{align-items:center;display:flex;gap:4px}.loop-control label{color:#ccc;cursor:pointer;font-size:.8rem}.loop-control input[type=checkbox]{cursor:pointer}.playback-slider{cursor:pointer;margin-bottom:10px;width:100%}.selected-source-rnd{border:2px dashed #58a6ff;border:2px dashed var(--primary-accent-dark);box-sizing:border-box}.selected-source-rnd .react-draggable-handle{cursor:move}.selected-source-rnd>div[class^=resizable-handle-]{background:#58a6ff;background:var(--primary-accent-dark);border:1px solid #0d1117;border:1px solid var(--bg-primary-dark);border-radius:50%;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:10}.selected-source-rnd>div[class$=-se]{bottom:-5px;cursor:se-resize;right:-5px}.selected-source-rnd>div[class$=-sw]{bottom:-5px;cursor:sw-resize;left:-5px}.selected-source-rnd>div[class$=-ne]{cursor:ne-resize;right:-5px;top:-5px}.selected-source-rnd>div[class$=-nw]{cursor:nw-resize;left:-5px;top:-5px}.selected-source-rnd>div[class$=-n]{cursor:n-resize;left:50%;top:-5px;transform:translateX(-50%)}.selected-source-rnd>div[class$=-s]{bottom:-5px;cursor:s-resize;left:50%;transform:translateX(-50%)}.selected-source-rnd>div[class$=-e]{cursor:e-resize;right:-5px;top:50%;transform:translateY(-50%)}.selected-source-rnd>div[class$=-w]{cursor:w-resize;left:-5px;top:50%;transform:translateY(-50%)}.text-effect-glow{animation:glow 1.5s ease-in-out infinite alternate}.text-effect-shadow{text-shadow:2px 2px 4px #00000080}.text-effect-typing{animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:.15em solid orange;letter-spacing:.15em;margin:0 auto;overflow:hidden;white-space:nowrap}.text-effect-fade-in{animation:fadeIn 2s}@keyframes glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0073e6,0 0 20px #0073e6,0 0 25px #0073e6,0 0 30px #0073e6,0 0 35px #0073e6}to{text-shadow:0 0 10px #fff,0 0 20px #ff4da6,0 0 30px #ff4da6,0 0 40px #ff4da6,0 0 50px #ff4da6,0 0 60px #ff4da6,0 0 70px #ff4da6}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:orange}}.save-progress-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.save-progress-content{background-color:#2c2c2c;border-radius:8px;color:#fff;padding:20px 40px;text-align:center;width:400px}.progress-bar-container{background-color:#555;border-radius:5px;margin:15px 0;width:100%}.progress-bar{background-color:#4caf50;border-radius:5px;height:20px;transition:width .3s ease-in-out;width:0}.font-selector{font-family:var(--font-primary);position:relative;width:100%}.font-selector-trigger{align-items:center;background-color:var(--input-bg-dark);border:1px solid var(--border-color-dark);border-radius:6px;color:var(--text-primary-dark);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.font-selector-trigger:focus{border-color:var(--primary-accent-dark);outline:none}.font-selector-trigger .arrow{border:solid var(--text-secondary-dark);border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s}.font-selector-trigger .arrow.down{transform:rotate(45deg)}.font-selector-trigger .arrow.up{transform:rotate(-135deg)}.font-selector-options{background-color:var(--bg-secondary-dark);border:1px solid var(--border-color-dark);border-radius:6px;box-shadow:0 8px 16px #0003;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.font-selector-option{cursor:pointer;padding:10px 12px;transition:background-color .2s}.font-selector-option:hover{background-color:var(--primary-accent-dark);color:var(--bg-primary-dark)}.video-card{display:flex;flex-direction:column;height:100%}.video-thumbnail{aspect-ratio:16/9;background-color:#222;border-radius:8px;overflow:hidden;position:relative;width:100%}.video-thumbnail video{height:100%;object-fit:cover;width:100%}.video-info{padding:8px 4px;text-align:center}.video-name{color:#eee;font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-actions{display:none}.loading-spinner-container{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 2s linear infinite}.loading-spinner-container.small .loading-spinner{height:30px;width:30px}.loading-spinner-container.medium .loading-spinner{height:60px;width:60px}.loading-spinner-container.large .loading-spinner{height:90px;width:90px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes aurora-sheen{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-backdrop{align-items:center;animation:fadeIn .5s ease-out;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:scaleUp .5s ease-out;background:linear-gradient(150deg,#32323c66,#14141eb3);border:1px solid #ffffff26;border-radius:16px;box-shadow:0 25px 60px #0009,0 0 20px #8b5cf680;color:#fff;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.modal-content.large{max-width:900px}.modal-content:before{animation:aurora-sheen 20s linear infinite;background-image:radial-gradient(circle at 20% 20%,#96b4ff1a 0,#0000 40%),radial-gradient(circle at 80% 30%,#c896ff1a 0,#0000 45%);content:"";height:150%;left:50%;position:absolute;top:50%;width:150%;z-index:0}.modal-body,.modal-footer,.modal-header{background:#0000;position:relative;z-index:1}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem;text-shadow:0 2px 4px #00000080}.modal-header h2{font-size:1.2rem;font-weight:600;margin:0}.source-toggle{background-color:#0003;border-radius:10px;display:flex;padding:4px}.source-toggle button{background:#0000;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.source-toggle button.active{background-color:#8b5cf680;box-shadow:0 2px 8px #8b5cf64d;color:#fff}.modal-body{flex-grow:1;overflow-y:auto;padding:2rem}.modal-footer{background:#0003;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.close-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:2.2rem;transition:all .3s ease}.close-btn:hover{color:#fff;transform:rotate(180deg) scale(1.1)}.add-btn-modal,.delete-btn-modal,.modal-btn,.update-btn-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff14;border:1px solid #fff3;border-radius:12px;color:#f0f0f0;cursor:pointer;font-size:.8rem;font-weight:500;padding:.7rem 1.4rem;transition:all .2s ease}.add-btn-modal:hover,.delete-btn-modal:hover,.modal-btn:hover,.update-btn-modal:hover{background-color:#ffffff26;border-color:#fff6;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.form-group-modal input,.vps-form-modal input,select{background-color:#0000004d;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-size:.9rem;padding:.9rem 1.1rem;transition:all .2s ease;width:100%}.form-group-modal input:focus,.vps-form-modal input:focus,select:focus{border-color:#8b5cf6cc;box-shadow:0 0 0 4px #8b5cf640;outline:none}hr{border:none;border-top:1px solid #ffffff26;margin:1.5rem 0}.media-library-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.media-item{background-color:#ffffff0d;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.media-item:hover{border-color:#8b5cf6cc;transform:scale(1.05)}.media-item.selected{border-color:#a855f7;box-shadow:0 0 10px #a855f799}.media-item p{font-size:.8rem;margin:.5rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pixabay-results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.pixabay-results-grid .media-item{aspect-ratio:1/1;background-color:#ffffff0d;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.pixabay-results-grid .media-item:hover{border-color:#8b5cf6cc;transform:scale(1.05)}.pixabay-results-grid .media-item img{height:100%;object-fit:cover;width:100%}.soundcloud-results{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.soundcloud-track{align-items:center;background-color:#ffffff0d;border:1px solid #0000;border-radius:8px;display:flex;gap:1rem;padding:.75rem;transition:all .2s ease}.soundcloud-track:hover{background-color:#ffffff1a;border-color:#8b5cf680}.soundcloud-track .track-artwork{border-radius:4px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.soundcloud-track .track-info{flex-grow:1;overflow:hidden}.soundcloud-track .track-title{font-size:.9rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundcloud-track .track-meta{color:#ffffffb3;display:flex;font-size:.8rem;gap:.75rem}.soundcloud-track .download-btn{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.soundcloud-track .track-uploader{color:#ffffffb3;font-size:.8rem;margin:0}.vps-management-container{display:flex;gap:2rem}.vps-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex:1 1;padding:1.5rem}.vps-panel h4{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;margin-top:0;padding-bottom:1rem}.vps-list-modal{list-style:none;margin:0;padding:0}.vps-list-modal li{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:.75rem 0}.vps-list-modal li:last-child{border-bottom:none}.video-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:1rem}.video-grid-item{background-color:#ffffff0d;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.video-grid-item:hover{border-color:#8b5cf6cc;transform:scale(1.05)}.lang-toggle{background-color:#0003;border-radius:8px;display:flex;padding:4px}.lang-toggle button{background:#0000;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;font-weight:500;padding:6px 12px;transition:all .3s ease}.lang-toggle button.active{background-color:#8b5cf680;box-shadow:0 2px 8px #8b5cf64d;color:#fff}.command-container{align-items:center;background-color:#0006;border:1px solid #ffffff1a;border-radius:8px;display:flex;margin:1rem 0;padding:.5rem .5rem .5rem 1rem}.command-container pre{flex-grow:1;margin:0;white-space:pre-wrap;word-break:break-all}.command-container code{font-family:Courier New,Courier,monospace;font-size:.9rem}.copy-btn{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#f0f0f0;cursor:pointer;font-size:.8rem;font-weight:500;margin-left:1rem;padding:.6rem 1rem;transition:all .2s ease}.copy-btn:hover{background-color:#fff3;border-color:#fff6}.vps-actions .manage-btn-modal{background-color:#4a4a4a;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-right:5px;padding:5px 10px;transition:background-color .2s}.vps-actions .manage-btn-modal:hover{background-color:#5a5a5a}.vps-actions .manage-btn-modal.delete{background-color:#a03a3a}.vps-actions .manage-btn-modal.delete:hover{background-color:#c04a4a}.vps-actions .manage-btn-modal:disabled{background-color:#333;color:#777;cursor:not-allowed}.management-output{max-height:200px}.management-output-modal{word-wrap:break-word;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:.85rem;margin-top:10px;max-height:200px;overflow-y:auto;padding:10px;white-space:pre-wrap}.management-output-modal pre{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.login-container{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center}.login-form{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-form h2{color:#333;margin-bottom:1.5rem;text-align:center}.input-group{margin-bottom:1rem}.input-group label{color:#555;display:block;margin-bottom:.5rem}.input-group input{border:1px solid #ddd;border-radius:4px}.btn,.input-group input{padding:.75rem;width:100%}.btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .3s}.btn:hover{background-color:#0056b3}.error-message{color:red;margin-bottom:1rem;text-align:center}.register-link{margin-top:1rem;text-align:center}.register-link a{color:#007bff;text-decoration:none}.register-link a:hover{text-decoration:underline}@keyframes rotateSheen{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-page{background-color:#0a0a0f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem 3rem}.admin-title{color:#e5e7eb;font-size:1.8rem;font-weight:500;margin-bottom:2rem;text-align:center;text-shadow:0 2px 8px #00000080}.admin-card{background:linear-gradient(150deg,#28283266,#19192399);border:1px solid #ffffff26;border-radius:16px;box-shadow:0 20px 50px #00000080;color:#e5e7eb;margin-bottom:2.5rem;overflow:hidden;padding:1.5rem;position:relative}.admin-card:before{animation:rotateSheen 25s linear infinite;background-image:radial-gradient(circle at 20% 20%,#96b4ff1a 0,#0000 40%),radial-gradient(circle at 80% 30%,#c896ff1a 0,#0000 45%);content:"";height:150%;left:50%;position:absolute;top:50%;transform-origin:center center;width:150%;z-index:0}.card-section,.card-title{position:relative;z-index:1}.card-title{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;font-size:1.1rem;font-weight:500;justify-content:space-between;margin-bottom:1.2rem;padding-bottom:.8rem}.section-title{color:#d1d5db;font-size:1.1rem;font-weight:400;margin-bottom:1.5rem}.actions-cell,.admin-form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.action-btn,.admin-form input,.admin-form select,.search-input{background-color:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;flex-grow:1;font-size:.9rem;padding:.6rem 1rem;transition:all .2s ease}.admin-form input:focus,.admin-form select:focus,.search-input:focus{border-color:#8b5cf6cc;box-shadow:0 0 0 3px #8b5cf633;outline:none}.action-btn,.admin-form button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;flex-grow:0;font-weight:600;text-transform:uppercase}.action-btn{border-radius:6px;font-size:.8rem;margin:.2rem;padding:.4rem .8rem}.action-btn:hover,.admin-form button:hover{background-color:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.user-list-container{margin-top:1rem;overflow-x:auto}.user-table{border-collapse:initial;border-spacing:0;width:100%}.user-table td,.user-table th{background:#0000;border-bottom:1px solid #ffffff1a;padding:1.2rem 1.5rem;text-align:left}.user-table th{background-color:#ffffff0d;color:#d1d5db;font-weight:600}.user-table tbody tr{transition:background-color .3s ease}.user-table tbody tr:hover{background-color:#ffffff14}.user-table td:first-child,.user-table th:first-child{border-bottom-left-radius:12px;border-top-left-radius:12px}.user-table td:last-child,.user-table th:last-child{border-bottom-right-radius:12px;border-top-right-radius:12px}.user-table tr:last-child td{border-bottom:none}.log-viewer{background-color:#00000080;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:1rem}.log-viewer pre{word-wrap:break-word;color:#e5e7eb;font-family:Courier New,Courier,monospace;font-size:.85rem;margin:0;white-space:pre-wrap}.status-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.status-active{background-color:#2ecc714d;text-shadow:0 0 5px #2ecc7180}.status-pending{background-color:#f1c40f4d;text-shadow:0 0 5px #f1c40f80}.vps-page-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr}.glass-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1rem;transition:background .3s ease}.glass-button:hover{background:#fff3}.profile-picture-preview{border:1px solid #ffffff1a;border-radius:12px;height:150px;margin-bottom:1.5rem;object-fit:cover;width:150px}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-input-wrapper input{flex-grow:1;padding-right:40px}.password-input-wrapper i{color:var(--text-secondary);cursor:pointer;position:absolute;right:15px}.secret-list{list-style:none;margin:0;padding:0}.secret-list li{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 0}.secret-list li:last-child{border-bottom:none}.secret-list .password-input-wrapper{flex-basis:60%}.secret-list input{background-color:#0000004d;border:1px solid #fff3;border-radius:10px;box-sizing:border-box;color:#fff;padding:.8rem 1.2rem;width:100%}.input-with-button{align-items:center;display:flex;gap:1rem;width:100%}.validation-status{display:block;font-size:.9rem;margin-top:.5rem;width:100%}.validation-status.valid{color:#2ecc71}.validation-status.invalid{color:#e74c3c}.glass-button-small{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(150deg,#32323c80,#23232db3);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 25px #00000080;color:#e5e7eb;cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.glass-button-small:before{animation:rotateSheen 20s linear infinite;background-image:radial-gradient(circle at 20% 20%,#96b4ff33 0,#0000 40%),radial-gradient(circle at 80% 30%,#c896ff33 0,#0000 45%);content:"";height:200%;left:50%;position:absolute;top:50%;transform-origin:center center;width:200%;z-index:-1}.glass-button-small:hover{background:linear-gradient(150deg,#32323cb3,#23232dcc);border-color:#ffffff40;box-shadow:0 12px 35px #0009;transform:translateY(-2px)}.service-commands{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem}.card-subtitle{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.service-commands p{color:#a0aec0;font-size:.9rem;margin-bottom:1rem}.service-commands ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.service-commands li{color:#cbd5e0;font-size:.9rem}.service-commands li strong{color:#fff;display:block;margin-bottom:.25rem}.service-commands code{background-color:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#a78bfa;font-family:Courier New,Courier,monospace;padding:.25rem .5rem}.no-data-message{color:#a0aec0;padding:3rem;text-align:center}.actions-cell .action-btn{background-color:#4a4a4a;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-bottom:5px;margin-right:5px;padding:5px 10px;transition:background-color .2s}.actions-cell .action-btn:hover{background-color:#5a5a5a}.actions-cell .action-btn.delete-btn{background-color:#a03a3a}.actions-cell .action-btn.delete-btn:hover{background-color:#c04a4a}.management-output{word-wrap:break-word;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:.85rem;margin-top:10px;max-height:300px;overflow-y:auto;padding:10px;text-align:left;white-space:pre-wrap}.management-output-cell{border-top:none!important;padding:0!important}.vps-cards-container{gap:1rem}.vps-card,.vps-cards-container{display:flex;flex-direction:column}.vps-card{background-color:#2a2a38;border:1px solid #444;border-radius:8px;gap:.75rem;padding:1rem}.vps-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.vps-card-name{color:#e0e0e0;font-size:1.1rem;font-weight:700}.vps-card-ip{background-color:#1e1e28;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9rem;padding:.25rem .5rem}.vps-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.management-output pre{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.media-preview-modal-overlay{align-items:center;background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.media-preview-modal-content{background-color:#2c2c2e;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;padding:20px;position:relative}.media-preview-modal-content .close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:15px;top:10px}.media-preview-modal-content .media-container{align-items:center;display:flex;flex-grow:1;justify-content:center;overflow:hidden}.media-preview-modal-content .media-container img,.media-preview-modal-content .media-container video{max-height:calc(90vh - 100px);max-width:100%;object-fit:contain}.media-preview-modal-content .media-info{color:#fff;padding-top:15px;text-align:center}.gallery-page{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden;padding:2rem;position:relative}.gallery-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%234A4A4A' stroke-width='.5'%3E%3Cpath d='M0 0h800v800H0zM800 0 0 800M0 0l800 800'/%3E%3C/g%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.03;position:absolute;top:0;width:100%;z-index:0}.gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:1}.media-type-toggle,.page-controls{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e2d80;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0003;padding:.75rem 1rem}.page-controls{align-items:center;display:flex}.media-type-toggle{display:flex;gap:.5rem}.media-type-toggle button{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.media-type-toggle button.active{background-color:var(--primary-accent);box-shadow:0 2px 8px rgba(var(--primary-accent-rgb),.3);color:#fff}.media-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));position:relative;z-index:1}.media-card-v2{aspect-ratio:1/1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2d80;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px 0 #0000001a,inset 0 0 0 1px #ffffff12;color:#e0e0e0;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:background .3s ease,box-shadow .3s ease,transform .3s ease}.media-card-v2:hover{background:#2d2d41b3;box-shadow:0 12px 40px 0 #00000026,inset 0 0 0 1px #ffffff26;transform:translateY(-5px) scale(1.02)}.media-card-v2.selected{border-color:var(--primary-accent);box-shadow:inset 0 0 0 2px var(--primary-accent),0 0 25px #7852ff4d}.media-card-v2 .card-thumbnail{background-color:#0f0f1a80;flex-grow:1;position:relative;width:100%}.media-card-v2 .card-thumbnail>img,.media-card-v2 .card-thumbnail>video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.media-card-v2 .card-thumbnail video{opacity:0;transition:opacity .3s ease-in-out;z-index:1}.media-card-v2 .card-thumbnail .video-poster{opacity:1;transition:opacity .3s ease-in-out;z-index:2}.media-card-v2.is-hovering .card-thumbnail video{opacity:1}.media-card-v2.is-hovering .card-thumbnail .video-poster{opacity:0}.media-card-v2 .card-actions,.media-card-v2 .info-duration,.media-card-v2 .info-filesize{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;border-radius:5px;color:#fff;font-size:.75rem;padding:4px 8px;pointer-events:auto;position:absolute;z-index:3}.media-card-v2 .info-duration{left:8px;top:8px}.media-card-v2 .info-filesize{bottom:8px;left:8px}.media-card-v2 .card-actions{bottom:8px;display:flex;gap:8px;right:8px}.media-card-v2 .card-actions button,.media-card-v2 .mute-button{background:none;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:0}.media-card-v2 .card-actions button:hover,.media-card-v2 .mute-button:hover{color:var(--primary-accent)}.media-card-v2 .card-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2c2c3e80;flex-shrink:0;padding:12px;text-align:center}.media-card-v2 .card-title{color:var(--text-primary);font-size:.85rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.storage-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e2d80;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem;position:relative;z-index:1}.storage-info,.user-selector{align-items:center;display:flex}.user-selector{gap:1rem}.user-selector label{color:var(--text-secondary);font-weight:500}.user-selector select{background-color:#2a2a3e;background-color:var(--bg-input,#2a2a3e);border:1px solid #4a4a6a;border:1px solid var(--border-color,#4a4a6a);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.5rem .75rem}.user-selector .btn{align-items:center;display:inline-flex;height:38px;justify-content:center;padding:0;width:38px}.storage-info p{color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:.9rem;margin:0}.audio-icon-container{align-items:center;background-color:#2c2c3e;display:flex;height:100%;justify-content:center;position:relative;width:100%}.audio-icon-container .audio-file-icon{color:#a9a9d8;font-size:1.5rem;opacity:.5;position:absolute;right:8px;top:8px}.audio-play-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .3s;width:50px;z-index:4}.audio-play-button:hover{background:#000000b3}:root{--sidebar-width:250px;--sidebar-collapsed-width:80px;--header-height:65px;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--primary-accent:#a78bfa}.app-container{display:flex;min-height:100vh}.app-sidebar{backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);background:linear-gradient(150deg,#1e1e2880,#14141ecc);border-right:1px solid #ffffff1a;box-shadow:10px 0 40px #0006;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:fixed;transition:width .3s ease;width:250px;width:var(--sidebar-width);z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;height:65px;height:var(--header-height);justify-content:space-between;padding:0 25px}.sidebar-logo{color:#e5e7eb;color:var(--text-primary);font-size:1.5em;font-weight:600;transition:opacity .3s ease}.sidebar-nav{display:flex;flex-direction:column;flex-grow:1;gap:10px;padding:20px 0}.sidebar-nav a{align-items:center;border-left:4px solid #0000;color:#9ca3af;color:var(--text-secondary);display:flex;font-weight:500;gap:18px;padding:14px 30px;text-decoration:none;transition:all .2s ease}.sidebar-nav a:hover{background-color:#ffffff0d;color:#e5e7eb;color:var(--text-primary)}.sidebar-nav a.active{background:linear-gradient(90deg,#a78bfa33,#0000);border-left-color:#a78bfa;border-left-color:var(--primary-accent);color:#fff;text-shadow:0 0 10px #a78bfa;text-shadow:0 0 10px var(--primary-accent)}.sidebar-nav a i{font-size:1.2em;text-align:center;width:22px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:25px}.main-content{display:flex;flex-direction:column;flex-grow:1;margin-left:250px;margin-left:var(--sidebar-width);min-width:0;transition:margin-left .3s ease}.app-header{align-items:center;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:#14141e99;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;height:65px;height:var(--header-height);padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.app-header h1{color:#e5e7eb;color:var(--text-primary);font-size:1.6em;font-weight:500;margin:0}.app-content{flex-grow:1}.profile-pic{border:2px solid #fff3;border-radius:50%;height:45px;object-fit:cover;width:45px}.logout-btn{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:12px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;gap:10px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.logout-btn:hover{background-color:#ffffff26;color:#e5e7eb;color:var(--text-primary)}
/*# sourceMappingURL=main.be9ea96b.css.map*/