@import"https://fonts.googleapis.com/icon?family=Material+Icons|Source+Sans+Pro";.admin-dashboard{max-width:1400px;margin:0 auto}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0;flex-wrap:wrap}body.darkmode .admin-tabs{border-bottom-color:#333}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1em;font-weight:500;color:#666;transition:all .3s ease}.admin-tab:hover{color:#593a93;background:#593a930d}.admin-tab.active{color:#593a93;border-bottom-color:#593a93}body.darkmode .admin-tab{color:#999}body.darkmode .admin-tab:hover{color:#a970ff;background:#a970ff1a}body.darkmode .admin-tab.active{color:#a970ff;border-bottom-color:#a970ff}.admin-tab .material-icons{font-size:20px}.admin-content{background:#fafafa;border-radius:8px;padding:30px;min-height:400px}body.darkmode .admin-content{background:#1e1e1e}.admin-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.5em;font-weight:600;color:#593a93;margin-bottom:10px}body.darkmode .section-title{color:#a970ff}.section-subtitle{color:#666;margin-bottom:25px;font-size:.95em}body.darkmode .section-subtitle{color:#999}.users-table{overflow-x:auto;margin-top:20px}.users-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}body.darkmode .users-table table{background:#2a2a2a}.users-table th{background:#593a93;color:#fff;padding:15px 12px;text-align:left;font-weight:600;font-size:.9em}.users-table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:.9em}body.darkmode .users-table td{border-bottom-color:#333}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background:#593a930d}body.darkmode .users-table tr:hover{background:#a970ff1a}.users-table input,.users-table select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.9em;background:#fff;color:#121212}body.darkmode .users-table input,body.darkmode .users-table select{background:#1a1a1a;border-color:#444;color:#e0e0e0}.users-table input:focus,.users-table select:focus{outline:none;border-color:#a970ff}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600;text-transform:uppercase}.role-badge.admin{background:#ff6b6b;color:#fff}.role-badge.user{background:#4dabf7;color:#fff}.users-table .actions{display:flex;gap:8px;align-items:center}.users-table .actions button{padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;background:transparent}.users-table .actions button:disabled{opacity:.3;cursor:not-allowed}.users-table .actions button .material-icons{font-size:20px}.btn-edit .material-icons{color:#4dabf7}.btn-edit:hover{background:#4dabf71a}.btn-save .material-icons{color:#51cf66}.btn-save:hover{background:#51cf661a}.btn-cancel .material-icons{color:#868e96}.btn-cancel:hover{background:#868e961a}.btn-reset .material-icons{color:#ffa94d}.btn-reset:hover{background:#ffa94d1a}.btn-delete .material-icons{color:#ff6b6b}.btn-delete:hover{background:#ff6b6b1a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}body.darkmode .stat-card{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}body.darkmode .stat-card:hover{box-shadow:0 4px 16px #00000080}.stat-card .material-icons{font-size:48px;color:#593a93}body.darkmode .stat-card .material-icons{color:#a970ff}.stat-info{flex:1}.stat-value{font-size:2em;font-weight:700;color:#593a93;line-height:1;margin-bottom:5px}body.darkmode .stat-value{color:#a970ff}.stat-label{font-size:.9em;color:#666;font-weight:500}body.darkmode .stat-label{color:#999}.stats-section{margin-top:30px;background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 8px #0000001a}body.darkmode .stats-section{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.stats-section h3{font-size:1.2em;color:#593a93;margin-bottom:20px;font-weight:600}body.darkmode .stats-section h3{color:#a970ff}.top-list{display:flex;flex-direction:column;gap:12px}.top-item{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#fafafa;border-radius:6px;transition:background .2s}body.darkmode .top-item{background:#1a1a1a}.top-item:hover{background:#593a930d}body.darkmode .top-item:hover{background:#a970ff1a}.top-item .rank{font-weight:700;font-size:1.1em;color:#593a93;min-width:40px}body.darkmode .top-item .rank{color:#a970ff}.top-item .name{flex:1;font-weight:500}.top-item .count{font-size:.9em;color:#666;font-weight:600}body.darkmode .top-item .count{color:#999}.cache-actions{margin-top:30px;padding:25px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}body.darkmode .cache-actions{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.cache-actions .button{display:inline-flex;align-items:center;gap:10px;margin-bottom:15px}.cache-actions .button.danger{background-color:#ff6b6b}.cache-actions .button.danger:hover{background-color:#ff5252}.cache-note{font-size:.9em;color:#666;line-height:1.5}body.darkmode .cache-note{color:#999}@media (max-width: 768px){.admin-content{padding:20px 15px}.stats-grid{grid-template-columns:1fr}.users-table{font-size:.85em}.users-table th,.users-table td{padding:8px 6px}.admin-tabs{overflow-x:auto}.admin-tab{padding:10px 15px;font-size:.9em}}:root{--switch-bg: #ccc;--switch-text: #666}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{height:100%;font-family:"Source Sans Pro",Arial,Helvetica,Sans-serif;background-color:#fff;color:#121212;transition:background-color .3s ease,color .3s ease}body.darkmode{background-color:#121212;color:#e0e0e0;--switch-bg: #3f3f3f;--switch-text: #adadb8}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{flex:1;display:flex;flex-direction:column}.message-box{padding:12px 15px;border-radius:6px;margin:15px 0;font-size:.95em;border-left:4px solid}.message-box.success{background-color:#d4edda;color:#155724;border-color:#28a745}.message-box.error{background-color:#f8d7da;color:#721c24;border-color:#dc3545}body.darkmode .message-box.success{background-color:#1e4620;color:#7dff8e;border-color:#28a745}body.darkmode .message-box.error{background-color:#4a1a1a;color:#f99;border-color:#dc3545}header{position:sticky;top:0;left:0;width:100%;padding:20px;background-color:#593a93;display:flex;align-items:center;z-index:100;box-shadow:0 2px 8px #0000001a}header .mainTitle{flex:1;color:#fff;font-size:1.5em;font-weight:600}header .settingsIcon{display:flex;align-items:center}header .settingsIcon a{color:#fff;text-decoration:none;padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,transform .3s;cursor:pointer}header .settingsIcon a:hover{background-color:#ffffff1a;transform:rotate(15deg)}header .settingsIcon a i.icon{font-family:Material Icons;font-style:normal;font-size:28px;vertical-align:middle}body.darkmode header .settingsIcon a i.icon.sun{color:#ffda44}header .settingsIcon a i.icon.sun:before{content:"light_mode"}header .settingsIcon a i.icon.moon:before{content:"dark_mode"}header .settingsIcon a i.icon.settings:before{content:"settings"}header .settingsIcon a i.icon.profile:before{content:"account_circle"}#container{flex:1;padding:20px 20px 100px;max-width:1400px;margin:0 auto;width:100%}@media (max-width: 768px){#container{padding-bottom:150px}}.content{width:100%;padding-bottom:32px}.content ul,.content ol{margin:.5rem 0 .75rem 1.75rem;line-height:1.5}.content li{margin-bottom:.25rem}.content a{color:#593a93;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.content a:hover,body.darkmode .content a{color:#a970ff}body.darkmode .content a:hover{color:#c9a0ff}hr{width:100%;height:1px;background-color:#70707033;border:none;margin:20px 0}body.darkmode hr{background-color:#ffffff1a}.title{font-weight:600;font-size:24px;margin-bottom:20px;color:#121212}body.darkmode .title{color:#e0e0e0}.subtitle{font-weight:500;font-size:18px;color:#121212;margin-bottom:15px}body.darkmode .subtitle{color:#e0e0e0}.subtitle.profile{margin:20px 0 15px}.searchForm{margin-bottom:30px}.searchForm fieldset{position:relative;padding:15px;border-radius:8px;background:transparent;border:2px solid #a970ff;color:#a970ff}.searchForm fieldset legend{padding:0 10px;font-weight:600;color:#593a93}body.darkmode .searchForm fieldset legend{color:#a970ff}.searchForm fieldset input{width:100%;padding:8px;border:0;font-size:1.2em;background:transparent;color:#121212}body.darkmode .searchForm fieldset input{color:#e0e0e0}.searchForm fieldset input:focus{outline:none}.searchForm fieldset input::placeholder{color:#999}body.darkmode .searchForm fieldset input::placeholder{color:#666}.searchForm fieldset button{position:absolute;top:50%;right:15px;font-size:28px;transform:translateY(-50%);background:transparent;border:0;color:#a970ff;cursor:pointer;padding:5px;transition:transform .2s}.searchForm fieldset button:hover{transform:translateY(-50%) scale(1.1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.search-clear-btn{animation:fadeInScale .15s ease-out forwards;position:absolute;right:10px;background:none;border:none;color:#a970ff;cursor:pointer;font-size:24px;font-weight:700;padding:0 5px;z-index:10;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .2s}.search-clear-btn:hover{color:#772ce8}.clip-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;margin-bottom:30px}@media screen and (max-width: 900px){.clip-container{grid-template-columns:1fr}}.clip{background:#fafafa;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}body.darkmode .clip{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.clip:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}body.darkmode .clip:hover{box-shadow:0 4px 16px #00000080}.clip iframe{width:100%;height:300px;border:0;display:block}.clip .videoInfo{padding:15px}.clip .videoInfo p{margin-bottom:8px;font-size:.95em}.clip .videoInfo p:last-child{margin-bottom:0}.clip .videoInfo .clipTitle{font-weight:600;font-size:1.1em;color:#593a93;margin-bottom:10px}body.darkmode .clip .videoInfo .clipTitle{color:#a970ff}.clip .videoInfo .clipMeta{color:#666;font-size:.9em}body.darkmode .clip .videoInfo .clipMeta{color:#999}.clip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.clip-header .clipTitle{margin:0;flex:1}.clip-actions{display:flex;gap:8px;margin-left:10px;flex-shrink:0}.icon-button{background:transparent;border:none;cursor:pointer;padding:4px;transition:transform .2s}.icon-button:hover{transform:scale(1.15)}.icon-button .material-icons{font-size:28px;color:#999}.icon-button:hover .material-icons{color:#593a93}body.darkmode .icon-button .material-icons{color:#666}body.darkmode .icon-button:hover .material-icons{color:#a970ff}.spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.spinner img{width:60px;height:60px}.pagination{text-align:center;margin:30px 0;padding-bottom:40px}.pagination .page-info{margin:0 20px;font-weight:600}.pagination .button:disabled{opacity:.5;cursor:not-allowed}.profileBlock{padding:25px;background-color:#fafafa;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px}body.darkmode .profileBlock{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}.profileBlock .profileItem{margin-bottom:20px}.profileBlock .profileItem .profileLabel{font-weight:600;font-size:1em;color:#593a93;margin-bottom:8px;display:block}body.darkmode .profileBlock .profileItem .profileLabel{color:#a970ff}.profileBlock .profileItem .profileValue{font-size:1.05em;color:#333;padding:8px 0}body.darkmode .profileBlock .profileItem .profileValue{color:#ccc}.profileBlock .profileItem input,.profileBlock .profileItem select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1em;background:#fff;color:#121212}body.darkmode .profileBlock .profileItem input,body.darkmode .profileBlock .profileItem select{background:#2a2a2a;border-color:#444;color:#e0e0e0}.profileBlock .profileItem input:focus,.profileBlock .profileItem select:focus{outline:none;border-color:#a970ff}.profileBlock a{text-decoration:none;color:#593a93;transition:color .2s}.profileBlock a:hover,body.darkmode .profileBlock a{color:#a970ff}body.darkmode .profileBlock a:hover{color:#c9a0ff}.button{display:inline-block;margin:15px 10px 15px 0;background-color:#593a93;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s;color:#fff;font-size:1em;text-decoration:none;font-weight:500}.button:hover{background-color:#a970ff;transform:translateY(-2px)}.button a{text-decoration:none;color:#fff!important}footer{position:fixed;bottom:0;width:100%;padding:15px;padding-bottom:max(15px,env(safe-area-inset-bottom));background-color:#fff;z-index:999;box-shadow:0 -2px 10px #0000001a}body.darkmode footer{background-color:#1a1a1a;box-shadow:0 -2px 10px #0000004d}footer nav ul{display:flex;justify-content:space-around;list-style:none;max-width:600px;margin:0 auto}footer nav ul li{flex:1;text-align:center}footer nav ul li a{color:#666;text-decoration:none;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.85em;transition:color .2s}footer nav ul li a i.icon{font-family:Material Icons;font-style:normal;font-size:24px}footer nav ul li a i.icon.favorite:before{content:"favorite"}footer nav ul li a i.icon.search:before{content:"search"}footer nav ul li a i.icon.info:before{content:"info"}footer nav ul li a:hover{color:#a970ff}footer nav ul li.active a{color:#a970ff;font-weight:600}body.darkmode footer nav ul li a{color:#999}body.darkmode footer nav ul li a:hover,body.darkmode footer nav ul li.active a{color:#a970ff}.themeChange{margin:20px 0;display:flex;align-items:center;gap:15px}.themeChange .darkModeLabel{font-size:1em;font-weight:500}.themeChange .switch{position:relative;display:inline-block;width:60px;height:34px}.themeChange .switch input{opacity:0;width:0;height:0}.themeChange .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.themeChange .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.themeChange input:checked+.slider{background-color:#a970ff}.themeChange input:checked+.slider:before{transform:translate(26px)}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px}.login-form{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px;width:100%;max-width:420px}body.darkmode .login-form{background-color:#1e1e1e;box-shadow:0 4px 20px #0000004d}.login-form h1{text-align:center;color:#593a93;font-size:2em;margin-bottom:30px;font-weight:600}body.darkmode .login-form h1{color:#a970ff}.login-form form label{display:block;font-size:.95em;margin-bottom:6px;color:#333;font-weight:500}body.darkmode .login-form form label{color:#ccc}.login-form form input[type=text],.login-form form input[type=password],.login-form form input[type=email],.login-form form select{width:100%;padding:12px;margin-bottom:16px;border:2px solid #ddd;border-radius:6px;font-size:1em;background:#fff;color:#121212;transition:border-color .2s}body.darkmode .login-form form input[type=text],body.darkmode .login-form form input[type=password],body.darkmode .login-form form input[type=email],body.darkmode .login-form form select{background:#2a2a2a;border-color:#444;color:#e0e0e0}.login-form form input:focus,.login-form form select:focus{outline:none;border-color:#a970ff}.login-form button[type=submit]{width:100%;background-color:#593a93;color:#fff;padding:14px;font-size:1.05em;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s}.login-form button[type=submit]:hover{background-color:#a970ff;transform:translateY(-2px)}.login-form .regLoginLink{margin:15px 0 8px;text-align:center;font-size:.95em}.login-form .regLoginLink a{text-decoration:none;color:#593a93;font-weight:600;transition:color .2s}.login-form .regLoginLink a:hover,body.darkmode .login-form .regLoginLink a{color:#a970ff}body.darkmode .login-form .regLoginLink a:hover{color:#c9a0ff}.remember-me-container{display:flex;align-items:center;gap:12px;margin:15px 0;cursor:pointer}.remember-me-text{font-size:.9rem;color:var(--switch-text);font-weight:500;transition:color .3s ease}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--switch-bg);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#9147ff}input:checked+.slider:before{transform:translate(18px)}.appInfo{margin-top:20px;padding:15px;background:#fafafa;border-radius:8px;font-size:.9em;color:#666}body.darkmode .appInfo{background:#1e1e1e;color:#999}.appInfo p{margin-bottom:8px}.appInfo .version{font-weight:600;color:#593a93;font-size:1.1em}body.darkmode .appInfo .version{color:#a970ff}.guest-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;border-radius:12px;margin:0 auto 20px;max-width:800px;box-shadow:0 4px 12px #00000026;text-align:center}.guest-banner p{margin:0;font-size:15px;line-height:1.6}.guest-banner strong{font-weight:700}.guest-banner a{color:#ffeb3b;text-decoration:none;font-weight:600;border-bottom:2px solid #ffeb3b;transition:all .2s}.guest-banner a:hover{color:#fff;border-bottom-color:#fff}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#fff;border-top:2px solid #a970ff;box-shadow:0 -4px 20px #0000001f;padding:16px 20px}.cookie-banner.dark{background:#1a1a1a;box-shadow:0 -4px 20px #0006}.cookie-banner__inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cookie-banner__text{flex:1;min-width:200px}.cookie-banner__text strong{display:block;font-size:.95rem;color:#121212;margin-bottom:4px}.cookie-banner.dark .cookie-banner__text strong{color:#e0e0e0}.cookie-banner__text p{font-size:.875rem;color:#555;margin:0;line-height:1.5}.cookie-banner.dark .cookie-banner__text p{color:#aaa}.cookie-banner__text a{color:#593a93;text-decoration:underline}.cookie-banner.dark .cookie-banner__text a{color:#a970ff}.cookie-banner__actions{display:flex;gap:10px;flex-shrink:0}.cookie-btn{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;border:2px solid #593a93;transition:background-color .2s,color .2s;white-space:nowrap}.cookie-btn--accept{background:#593a93;color:#fff}.cookie-btn--accept:hover{background:#a970ff;border-color:#a970ff}.cookie-btn--reject{background:transparent;color:#593a93}.cookie-btn--reject:hover{background:#f0e8ff}.cookie-banner.dark .cookie-btn--reject{color:#a970ff;border-color:#a970ff}.cookie-banner.dark .cookie-btn--reject:hover{background:#2a1a4a}@media (max-width: 600px){.cookie-banner__inner{flex-direction:column;align-items:stretch}.cookie-banner__actions{justify-content:stretch}.cookie-btn{flex:1;text-align:center}}@media (max-width: 768px){header .mainTitle{font-size:1.3em}.login-form{padding:30px 25px}.clip-container{grid-template-columns:1fr;gap:20px}#container{padding:15px 15px 220px}}