@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-main: #09090b;--bg-surface: #111113;--bg-elevated: #18181b;--bg-card: rgba(39, 39, 42, .6);--accent: #f97316;--accent-hover: #ea6c10;--accent-soft: rgba(249, 115, 22, .12);--accent-glow: rgba(249, 115, 22, .25);--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .12);--green: #22c55e;--green-soft: rgba(34, 197, 94, .12);--text-main: #fafafa;--text-secondary: #a1a1aa;--text-muted: #52525b;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .13);--bg-hover: rgba(255, 255, 255, .06);--danger: #ef4444;--sidebar-width: 260px;--header-height: 60px;--radius: 10px;--radius-lg: 14px;--shadow: 0 4px 24px rgba(0, 0, 0, .4)}[data-theme=light]{--bg-main: #f4f4f5;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-card: rgba(255, 255, 255, .9);--accent: #f97316;--accent-hover: #ea6c10;--accent-soft: rgba(249, 115, 22, .12);--accent-glow: rgba(249, 115, 22, .15);--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .12);--green: #22c55e;--green-soft: rgba(34, 197, 94, .12);--text-main: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--bg-hover: rgba(0, 0, 0, .04);--danger: #ef4444;--shadow: 0 4px 24px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:99px}.layout-root{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.logo-icon{width:34px;height:34px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text{font-size:16px;font-weight:800;letter-spacing:-.4px}.logo-text span{color:var(--accent)}.sidebar-section{padding:20px 12px 8px}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:0 8px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);color:var(--text-secondary);font-size:13.5px;font-weight:500;transition:all .15s ease;cursor:pointer;width:100%}.nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;flex-shrink:0}.nav-item.active .nav-item-icon{background:var(--accent-soft)}.nav-item .nav-badge{margin-left:auto;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--border)}.topbar{height:var(--header-height);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;background:var(--bg-surface);flex-shrink:0}.topbar-title{font-size:15px;font-weight:700;color:var(--text-main)}.topbar-breadcrumb-wrap{flex:1;min-width:0;overflow:hidden}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow-x:auto;scrollbar-width:none}.topbar-breadcrumb::-webkit-scrollbar{display:none}.topbar-breadcrumb .crumb-active{color:var(--text-main);font-weight:600}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:7px 14px;width:240px;transition:border-color .2s,width .25s cubic-bezier(.4,0,.2,1)}.topbar-search:focus-within{border-color:var(--accent)}.topbar-search input{background:none;border:none;color:var(--text-main);font-size:13px;width:100%;outline:none;min-width:0}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search-clear{background:none;border:none;padding:2px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;border-radius:4px;transition:color .15s,background .15s}.topbar-search-clear:hover{color:var(--text-main);background:var(--bg-surface)}.icon-btn{width:34px;height:34px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all .15s;flex-shrink:0}.icon-btn:hover{background:var(--border);color:var(--text-main)}.page-inner{padding:24px 28px;max-width:1100px}.page-header{margin-bottom:20px}.page-title{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--text-secondary)}.item-list{display:flex;flex-direction:column;gap:6px}.item-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.item-row:hover{border-color:var(--border-hover);background:var(--bg-hover)}.item-row:hover .item-arrow{opacity:1;transform:translate(2px)}.item-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.item-thumb img{width:100%;height:100%;object-fit:contain}.item-thumb.wide{width:80px;height:48px}.item-info{flex:1;overflow:hidden}.item-name{font-size:14px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.item-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-arrow{color:var(--text-muted);opacity:.5;transition:all .15s;flex-shrink:0}.item-tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;flex-shrink:0}.item-tag.doc{background:var(--blue-soft);color:var(--blue)}.item-tag.video{background:#ef44441f;color:#ef4444}.item-tag.catalog{background:var(--accent-soft);color:var(--accent)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.item-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all .15s ease;position:relative}.item-card:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-2px)}.item-card .item-thumb{width:64px;height:64px;border-radius:12px;margin-bottom:12px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.item-card .item-thumb img{width:100%;height:100%;object-fit:contain}.item-card .item-thumb.wide{width:100%;height:90px}.item-card .item-info{width:100%;overflow:hidden}.item-card .item-name{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.item-card .item-meta{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.item-card-tooltip{position:absolute;top:calc(100% + 8px);left:-16px;right:-16px;width:auto;max-width:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:0 10px 40px #0009;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;pointer-events:none;text-align:left}.item-card-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent var(--border) transparent}.item-card-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent var(--bg-elevated) transparent;margin-bottom:-1px}.item-card:hover .item-card-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.item-card-tooltip-title{font-size:13px;font-weight:700;color:var(--text-main);margin-bottom:4px}.item-card-tooltip-meta{font-size:12px;color:var(--text-secondary);line-height:1.4}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:8px}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.5px}.stat-trend{font-size:12px;color:var(--green);font-weight:600;margin-top:4px}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 0;color:var(--text-secondary);font-size:13px}.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-card{pointer-events:none;border-color:transparent!important}.skeleton-thumb{width:64px;height:64px;border-radius:12px;margin-bottom:12px;background:#ffffff0d;animation:skeleton-pulse 1.5s infinite ease-in-out}.skeleton-line{height:12px;border-radius:6px;background:#ffffff0d;animation:skeleton-pulse 1.5s infinite ease-in-out}@keyframes skeleton-pulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--border)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-main)}.btn-danger{background:#ef44441a;border-color:#ef444433;color:var(--danger)}.btn-danger:hover{background:#ef444433}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge-premium{background:var(--accent-soft);color:var(--accent)}.badge-free{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-active{background:var(--green-soft);color:var(--green)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.03em}.form-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text-main);font-size:14px;outline:none;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.login-page{min-height:100vh;display:flex;background:var(--bg-main)}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:80px;max-width:520px}.login-right{flex:1;background:linear-gradient(135deg,#111113,#1a0a00);border-left:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.login-right:before{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(249,115,22,.15) 0%,transparent 70%);pointer-events:none}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:56px}.login-logo-icon{width:40px;height:40px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center}.login-logo-text{font-size:20px;font-weight:800;letter-spacing:-.5px}.login-heading{font-size:34px;font-weight:900;letter-spacing:-1px;margin-bottom:10px;line-height:1.1}.login-subheading{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:18px}.profile-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.profile-avatar{width:56px;height:56px;background:var(--accent-soft);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--accent)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.admin-table td{padding:13px 14px;font-size:13.5px;border-bottom:1px solid var(--border)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 40px;text-align:center}.empty-icon{width:56px;height:56px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.empty-title{font-size:15px;font-weight:700}.empty-sub{font-size:13px;color:var(--text-secondary);max-width:260px}.mobile-nav{display:none}@media (max-width: 900px){.sidebar{display:none}.topbar{padding:0 14px;gap:10px}.topbar-actions{gap:8px;flex-shrink:0}.topbar-search{width:150px;padding:6px 10px;gap:6px}.topbar-search input,.topbar-breadcrumb{font-size:12px}.layout-root{flex-direction:column;height:100dvh}.main-area{flex:1;overflow:hidden}.mobile-nav{display:flex;align-items:center;justify-content:space-around;background:var(--bg-surface);border-top:1px solid var(--border);height:62px;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:10px;font-weight:500;flex:1;padding:8px 0;transition:color .15s}.mobile-nav-item.active{color:var(--accent)}.login-left{padding:40px 28px;max-width:100%}.login-right{display:none}.page-inner{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.topbar{padding:0 10px;gap:8px}.topbar-actions{gap:6px}.topbar-search{width:120px;padding:5px 8px;gap:5px}.topbar-search:focus-within{width:160px}.icon-btn{width:32px;height:32px}}