:root{--bg:transparent;--surface:#12121ce0;--surface-hover:#1e1e2deb;--glass:#12121c59;--glass-hover:#16162673;--primary:#8b9cf7;--primary-hover:#a0b0ff;--text:#e8e8f0;--text-secondary:#9898b0;--border:#ffffff0f;--danger:#f87171;--danger-hover:#fca5a5;--success:#6ee7b7;--warning:#fbbf24;--shadow-sm:0 1px 2px #0000004d;--shadow:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--radius:6px;--radius-sm:4px;--transition:.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#0a0a14;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#root{z-index:1;flex-direction:column;height:100vh;display:flex;position:relative}#aurora-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.topnav{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;height:52px;min-height:52px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:16px;padding:0 20px;display:flex;position:relative}.topnav-brand{white-space:nowrap;color:var(--text);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.topnav-search{flex:1;max-width:400px;position:relative}.topnav-search input{border:1px solid var(--border);width:100%;color:var(--text);transition:all var(--transition);background:#ffffff0a;border-radius:20px;outline:none;padding:7px 12px 7px 32px;font-family:inherit;font-size:13px}.topnav-search input:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px #8b9cf71f}.topnav-search input::placeholder{color:var(--text-secondary)}.topnav-search svg{color:var(--text-secondary);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topnav-actions{gap:8px;margin-left:auto;display:flex}.body-wrap{z-index:5;flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;width:260px;min-width:260px;display:flex;position:relative;overflow:hidden}.sidebar-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:600;display:flex}.sidebar-list{flex:1;padding:6px;overflow-y:auto}.project-item{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);align-items:center;gap:8px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.project-item:hover{background:#ffffff0a}.project-item.active{color:var(--primary);background:#8b9cf71f}.project-item .icon{text-align:center;flex-shrink:0;width:18px}.project-item .name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.project-item .count{color:var(--text-secondary);background:#ffffff0f;border-radius:8px;padding:1px 6px;font-size:11px}.project-item.active .count{color:var(--primary);background:#8b9cf733}.project-item .proj-actions{gap:2px;margin-left:auto;display:none}.project-item:hover .proj-actions{display:flex}.project-item:hover .count{display:none}.sidebar-footer{border-top:1px solid var(--border);padding:10px}.main-content{flex-direction:column;flex:1;gap:8px;padding:8px 12px 8px 8px;display:flex;overflow:hidden}.section-upper{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);min-height:0;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;flex:1;padding:14px 16px;display:flex;overflow:hidden}.section-header{flex-shrink:0;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-header h2{font-size:16px;font-weight:600}.section-header .subtitle{color:var(--text-secondary);margin-left:4px;font-size:12px}.spacer{flex:1}.asset-table-wrap{background:0 0;border-radius:8px;flex:1;overflow:auto}.asset-table{border-collapse:collapse;width:100%;font-size:13px}.asset-table th{z-index:2;text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);white-space:nowrap;background:#12121c99;padding:10px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.asset-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:8px 12px}.asset-table tr:hover td{background:#ffffff08}.section-lower{gap:8px;height:42%;min-height:220px;display:flex}.lower-panel{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.lower-panel-header{border-bottom:1px solid var(--border);background:#12121c4d;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.lower-panel-body{flex:1;padding:8px;overflow:auto}.lower-panel-body::-webkit-scrollbar{width:4px}.lower-panel-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.pub-file-row{border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.pub-file-row:hover{background:#ffffff08}.pub-file-row .fname{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.pub-file-row .fmeta{color:var(--text-secondary);font-size:11px}.schedule-table{border-collapse:collapse;width:100%;font-size:12px}.schedule-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;background:#0000004d;padding:7px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.schedule-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:6px 8px}.schedule-table tr:hover td{background:#ffffff05}.priority-tag{border-radius:3px;padding:1px 6px;font-size:11px;font-weight:500;display:inline-block}.priority-urgent{color:var(--danger);background:#f8717133}.priority-normal{color:var(--warning);background:#fbbf2433}.priority-low{color:var(--primary);background:#8b9cf733}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.btn svg{flex-shrink:0}.btn-primary{background:var(--primary);color:#0a0a14}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline:hover{background:#8b9cf71f}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text);background:#ffffff0f}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#0a0a14}.btn-sm{padding:4px 8px;font-size:11px}.icon-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{color:var(--text);background:#ffffff0f}.icon-btn.danger:hover{color:var(--danger);background:#f8717126}.icon-btn.primary:hover{color:var(--primary);background:#8b9cf71f}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#1a1a2e;border-radius:12px;width:500px;max-width:92vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;font-size:16px;font-weight:600;display:flex}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.modal label{color:var(--text-secondary);margin-bottom:3px;font-size:12px;font-weight:500;display:block}.modal input,.modal textarea,.modal select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition);color:var(--text);background:#ffffff0a;outline:none;margin-bottom:10px;padding:8px 10px;font-family:inherit;font-size:13px}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #8b9cf71f}.modal textarea{resize:vertical;height:60px}.modal select option{color:var(--text);background:#1a1a2e}.settings-panel{z-index:150;background:#1a1a2e;flex-direction:column;width:460px;max-width:92vw;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 30px #0006}.settings-backdrop{z-index:149;background:#00000059;position:fixed;inset:0}.tag-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:text;background:#ffffff0a;flex-wrap:wrap;align-items:center;gap:3px;min-height:36px;padding:4px;display:flex}.tag-wrap input{flex:1;min-width:80px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin-bottom:0!important;padding:2px 4px!important;font-size:13px!important}.tag-item{color:var(--primary);background:#8b9cf726;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:12px;font-weight:500;display:inline-flex}.tag-item button{cursor:pointer;color:var(--primary);opacity:.6;background:0 0;border:none;padding:0 1px;font-size:14px;line-height:1}.tag-item button:hover{opacity:1}.toast-container{z-index:300;flex-direction:column;gap:6px;display:flex;position:fixed;top:16px;right:16px}.toast{color:#fff;border-radius:8px;max-width:340px;padding:10px 16px;font-size:13px;font-weight:500;animation:.25s slideIn;box-shadow:0 4px 12px #0000004d}.toast-success{background:var(--success);color:#0a0a14}.toast-error{background:var(--danger)}.toast-info{background:var(--primary);color:#0a0a14}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.preview-overlay{z-index:200;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-overlay img{border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 8px 30px #0006}.empty-state{text-align:center;color:var(--text-secondary);padding:30px 16px}.empty-state svg{opacity:.5;margin-bottom:8px}.empty-state h3{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:500}.empty-state p{font-size:12px}.version-badge{color:var(--primary);background:#8b9cf726;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:500;display:inline-block}input[type=range]{accent-color:var(--primary)}@media (width<=768px){.sidebar{width:200px;min-width:200px}.section-lower{flex-direction:column;height:auto}.lower-panel{min-height:180px}.settings-panel{width:100vw}}