*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-size:16px;font-weight:600}.nav-list{list-style:none;padding:10px 0;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#ffffffb3;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;border-right:3px solid #4fc3f7}.icon{font-size:18px}.sidebar-footer{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1)}.btn-logout{width:100%;padding:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:background .2s}.btn-logout:hover{background:#fff3}main{flex:1}main.with-sidebar{margin-left:240px}.page{padding:30px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover{background:#1565c0}.btn-danger{background:#d32f2f;color:#fff}.btn-danger:hover{background:#c62828}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0}.btn-sm{padding:4px 10px;font-size:12px}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:16px}.input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.input:focus{border-color:#1976d2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;border-radius:12px;padding:24px;min-width:400px;max-width:90vw;box-shadow:0 4px 20px #00000026}.modal h3{margin-bottom:16px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:500;color:#666;margin-bottom:4px}.form-group .input{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;z-index:300;animation:slideIn .3s ease}.toast.success{background:#43a047}.toast.error{background:#d32f2f}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-page[data-v-5751591e]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1a1a2e}.login-card[data-v-5751591e]{background:#fff;padding:40px;border-radius:12px;width:380px;box-shadow:0 4px 20px #0000004d}.login-card h1[data-v-5751591e]{font-size:22px;text-align:center;margin-bottom:4px}.subtitle[data-v-5751591e]{text-align:center;color:#999;margin-bottom:24px}.error-msg[data-v-5751591e]{color:#d32f2f;font-size:13px;margin-bottom:12px}.projects-grid[data-v-cbe7fbf2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card[data-v-cbe7fbf2]{cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;justify-content:space-between;align-items:flex-start}.project-card[data-v-cbe7fbf2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.project-info h3[data-v-cbe7fbf2]{font-size:16px;margin-bottom:8px}.project-meta[data-v-cbe7fbf2]{display:flex;gap:12px;font-size:12px;color:#999;margin-top:4px}.status-ok[data-v-cbe7fbf2]{color:#43a047}.status-err[data-v-cbe7fbf2]{color:#d32f2f}.error-msg[data-v-cbe7fbf2]{color:#d32f2f;font-size:13px;margin-bottom:8px}.empty[data-v-cbe7fbf2]{color:#999;text-align:center;margin-top:60px}.breadcrumb[data-v-48c3eb02]{display:flex;align-items:center;gap:4px;font-size:14px;color:#666}.crumb[data-v-48c3eb02]{cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}.crumb[data-v-48c3eb02]:hover{background:#e0e0e0;color:#333}.separator[data-v-48c3eb02]{color:#ccc}.header-left[data-v-f4709fc5]{display:flex;flex-direction:column;gap:8px}.header-actions[data-v-f4709fc5]{display:flex;gap:8px;align-items:center}.search-box[data-v-f4709fc5]{display:flex;gap:4px}.search-box .input[data-v-f4709fc5]{width:200px}.file-card[data-v-f4709fc5]{padding:0}.drop-zone[data-v-f4709fc5]{min-height:300px;transition:background .2s}.drop-zone.dragging[data-v-f4709fc5]{background:#e3f2fd}.file-table[data-v-f4709fc5]{width:100%;border-collapse:collapse}.file-table th[data-v-f4709fc5]{text-align:left;padding:12px 16px;border-bottom:1px solid #eee;font-size:12px;color:#999;font-weight:500;text-transform:uppercase}.file-row[data-v-f4709fc5]{cursor:pointer;transition:background .15s}.file-row[data-v-f4709fc5]:hover{background:#f5f5f5}.file-row.selected[data-v-f4709fc5]{background:#e3f2fd}.file-row td[data-v-f4709fc5]{padding:10px 16px;border-bottom:1px solid #f0f0f0;font-size:14px}.file-icon[data-v-f4709fc5]{margin-right:8px}.path-cell[data-v-f4709fc5]{color:#999;font-size:12px}.empty-state[data-v-f4709fc5]{display:flex;align-items:center;justify-content:center;min-height:300px;color:#bbb}.batch-bar[data-v-f4709fc5]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f5;border-top:1px solid #eee}.preview-modal[data-v-f4709fc5]{max-width:80vw;max-height:80vh}.preview-header[data-v-f4709fc5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-body[data-v-f4709fc5]{max-height:60vh;overflow:auto}.preview-img[data-v-f4709fc5]{max-width:100%;border-radius:4px}.projects-list[data-v-768f21b7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.project-item[data-v-768f21b7]{cursor:pointer;transition:transform .2s}.project-item[data-v-768f21b7]:hover{transform:translateY(-2px)}.project-item .meta[data-v-768f21b7]{font-size:12px;color:#999}.setting-section[data-v-768f21b7]{margin-top:24px;padding-top:20px;border-top:1px solid #eee}.setting-section h4[data-v-768f21b7]{margin-bottom:12px;font-size:14px}.key-row[data-v-768f21b7]{display:flex;align-items:center;gap:8px}.api-key[data-v-768f21b7]{background:#f5f5f5;padding:6px 12px;border-radius:4px;font-size:13px;font-family:monospace}.danger-zone[data-v-768f21b7]{border-top-color:#ffcdd2}.danger-zone h4[data-v-768f21b7]{color:#d32f2f}.empty[data-v-768f21b7]{color:#999;text-align:center;margin-top:40px}.log-table[data-v-5fad6afb]{width:100%;border-collapse:collapse}.log-table th[data-v-5fad6afb]{text-align:left;padding:12px 16px;border-bottom:1px solid #eee;font-size:12px;color:#999;font-weight:500;text-transform:uppercase}.log-table td[data-v-5fad6afb]{padding:10px 16px;border-bottom:1px solid #f0f0f0;font-size:13px}.action-badge[data-v-5fad6afb]{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.action-badge.upload[data-v-5fad6afb]{background:#e8f5e9;color:#2e7d32}.action-badge.download[data-v-5fad6afb]{background:#e3f2fd;color:#1565c0}.action-badge.delete[data-v-5fad6afb]{background:#ffebee;color:#c62828}.action-badge.mkdir[data-v-5fad6afb]{background:#fff3e0;color:#e65100}.path-cell[data-v-5fad6afb]{font-family:monospace;font-size:12px;color:#666}.ip-cell[data-v-5fad6afb]{font-family:monospace;font-size:12px;color:#999}.empty[data-v-5fad6afb]{text-align:center;padding:40px;color:#999}.pagination[data-v-5fad6afb]{text-align:center;margin-top:16px}.tabs[data-v-be7722f9]{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:0}.tab[data-v-be7722f9]{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#999;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab[data-v-be7722f9]:hover{color:#333}.tab.active[data-v-be7722f9]{color:#1976d2;border-bottom-color:#1976d2}.guide-content[data-v-be7722f9]{max-width:860px}.guide-content .card[data-v-be7722f9]{margin-bottom:20px}.guide-content h2[data-v-be7722f9]{font-size:18px;font-weight:600;margin-bottom:12px;margin-top:20px;color:#1a1a2e}.guide-content h2[data-v-be7722f9]:first-child{margin-top:0}.guide-content h3[data-v-be7722f9]{font-size:15px;font-weight:600;margin-top:16px;margin-bottom:8px;color:#333}.guide-content h4[data-v-be7722f9]{font-size:14px;font-weight:600;margin-top:12px;margin-bottom:6px;color:#555}.guide-content p[data-v-be7722f9]{font-size:14px;line-height:1.7;color:#555;margin-bottom:8px}.guide-content ol[data-v-be7722f9],.guide-content ul[data-v-be7722f9]{padding-left:20px;margin-bottom:8px}.guide-content li[data-v-be7722f9]{font-size:14px;line-height:1.8;color:#555}.guide-content code[data-v-be7722f9]{background:#f0f4f8;padding:2px 6px;border-radius:4px;font-size:13px;color:#1976d2}.guide-content hr[data-v-be7722f9]{border:none;border-top:1px solid #eee;margin:20px 0}.code-block[data-v-be7722f9]{background:#1a1a2e;border-radius:8px;margin:12px 0;overflow:hidden}.code-title[data-v-be7722f9]{padding:8px 16px;font-size:12px;color:#aaa;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:0}.code-block pre[data-v-be7722f9]{padding:12px 16px;color:#e0e0e0;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.code-block code[data-v-be7722f9]{background:none;padding:0;color:#e0e0e0}.guide-table[data-v-be7722f9]{width:100%;border-collapse:collapse;margin:12px 0}.guide-table th[data-v-be7722f9]{text-align:left;padding:10px 14px;background:#f5f5f5;font-size:13px;font-weight:600;color:#555;border-bottom:1px solid #ddd}.guide-table td[data-v-be7722f9]{padding:10px 14px;font-size:13px;color:#555;border-bottom:1px solid #eee}.checklist-list[data-v-be7722f9]{list-style:none;padding-left:0}.checklist[data-v-be7722f9]{list-style:none}.checklist.checked[data-v-be7722f9]:before{content:"☑"}.checklist[data-v-be7722f9]:not(.checked):before{content:"☐"}.my-ip-card[data-v-1698e83d]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.my-ip-card .label[data-v-1698e83d]{font-size:14px;font-weight:500;color:#555}.my-ip-card code[data-v-1698e83d]{background:#f0f4f8;padding:4px 10px;border-radius:4px;font-size:14px;color:#1976d2;font-family:monospace}.filter-bar[data-v-1698e83d]{display:flex;gap:8px;margin-bottom:16px}.filter-bar .input[data-v-1698e83d]{min-width:140px}.ip-table[data-v-1698e83d]{width:100%;border-collapse:collapse}.ip-table th[data-v-1698e83d]{text-align:left;padding:12px 16px;border-bottom:1px solid #eee;font-size:12px;color:#999;font-weight:500;text-transform:uppercase}.ip-table td[data-v-1698e83d]{padding:10px 16px;border-bottom:1px solid #f0f0f0;font-size:14px}.ip-table code[data-v-1698e83d]{background:#f5f5f5;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:13px}.type-badge[data-v-1698e83d]{padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600}.type-badge.allow[data-v-1698e83d]{background:#e8f5e9;color:#2e7d32}.type-badge.block[data-v-1698e83d]{background:#ffebee;color:#c62828}.scope-badge[data-v-1698e83d]{padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500;background:#e3f2fd;color:#1565c0}.desc-cell[data-v-1698e83d]{color:#777;font-size:13px}.empty[data-v-1698e83d]{text-align:center;padding:40px;color:#999}.error-msg[data-v-1698e83d]{color:#d32f2f;font-size:13px;margin-bottom:8px}.info-card[data-v-1698e83d]{margin-top:16px}.info-card h3[data-v-1698e83d]{font-size:15px;font-weight:600;margin-bottom:10px;color:#333}.info-card ul[data-v-1698e83d]{padding-left:20px}.info-card li[data-v-1698e83d]{font-size:13px;line-height:1.8;color:#666}.info-card code[data-v-1698e83d]{background:#f0f4f8;padding:1px 5px;border-radius:3px;font-size:12px;color:#1976d2}