:root{--bg:#f5f7fb;--panel:#fff;--text:#16202e;--muted:#667085;--line:#e4e8ef;--hover:#eef3fc;--accent:#1f6fe0;--accent-hover:#185bbb;--accent-soft:#1f6fe014;--ok:#14935a;--warn:#d97706;--err:#d92d20;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11151c;--panel:#1a2029;--text:#e8edf4;--muted:#98a2b3;--line:#2a323e;--hover:#232b37;--accent:#4b8ff0;--accent-hover:#3a7fe6;--accent-soft:#4b8ff01f;--ok:#34c77b;--warn:#f5a524;--err:#f36b5f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#11151c;--panel:#1a2029;--text:#e8edf4;--muted:#98a2b3;--line:#2a323e;--hover:#232b37;--accent:#4b8ff0;--accent-hover:#3a7fe6;--accent-soft:#4b8ff01f;--ok:#34c77b;--warn:#f5a524;--err:#f36b5f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;text-decoration:none;transition:background .12s,border-color .12s,transform 60ms;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:var(--hover);border-color:var(--accent);text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{color:var(--err)}button.danger:hover:not(:disabled){border-color:var(--err)}button.small{padding:4px 9px;font-size:12px}button.icon{background:0 0;border-color:#0000;padding:4px 8px}button.icon:hover:not(:disabled){border-color:var(--line)}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--muted);margin:12px 0 4px;font-size:12px;display:block}.shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;width:230px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 18px;font-size:17px;font-weight:700;display:flex}.brand .logo{color:#fff;background:linear-gradient(160deg,#1f6fe0,#2a8bd6);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.nav a{color:var(--text);border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;display:flex}.nav a:hover{background:var(--hover);text-decoration:none}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav .section{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:16px 10px 6px;font-size:11px}.usage{color:var(--muted);margin-top:auto;padding:10px;font-size:12px}.bar{background:var(--line);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.bar>div{background:var(--accent);height:100%}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;min-height:58px;padding:14px 24px;display:flex}.topbar .title{flex:1;min-width:0;font-size:16px;font-weight:600}.content{flex:1;padding:20px 24px}.user-menu{position:relative}.table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;overflow:hidden}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 14px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--hover)}.table .name{align-items:center;gap:10px;min-width:0;display:flex}.table .name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table .num{text-align:right;white-space:nowrap;color:var(--muted)}.table .actions{text-align:right;white-space:nowrap}.empty{text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);padding:48px 20px}.breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.breadcrumb a{color:var(--text);border-radius:6px;padding:2px 6px}.breadcrumb a:hover{background:var(--hover);text-decoration:none}.breadcrumb .sep{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar .grow{flex:1}.toolbar input[type=search]{max-width:260px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.muted{color:var(--muted)}.error{color:var(--err);font-size:13px}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.err{background:var(--err)}.dot.sync{background:var(--accent)}.menu{background:var(--panel);border:1px solid var(--line);z-index:20;border-radius:10px;min-width:190px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 28px #0000002e}.menu button{background:0 0;border:0;border-radius:6px;justify-content:flex-start;width:100%}.menu button:hover:not(:disabled){background:var(--hover)}.panel{background:var(--panel);border-left:1px solid var(--line);z-index:30;width:380px;max-width:100vw;padding:20px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-8px 0 30px #00000026}.overlay{z-index:40;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:12px;width:400px;max-width:calc(100vw - 32px);padding:20px;box-shadow:0 16px 50px #0000004d}.dialog h3{margin:0 0 8px}.dialog .buttons{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dropzone{background:var(--accent-soft);border:3px dashed var(--accent);z-index:25;color:var(--accent);pointer-events:none;place-items:center;font-size:18px;font-weight:600;display:grid;position:fixed;inset:0}.uploads{background:var(--panel);border:1px solid var(--line);z-index:35;border-radius:12px;width:340px;padding:12px 14px;font-size:13px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 28px #0000002e}.uploads .item{margin:6px 0}.uploads .item .bar>div.done{background:var(--ok)}.uploads .item .bar>div.failed{background:var(--err)}.login-page{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:380px;max-width:100%}@media (max-width:760px){.sidebar{display:none}.content,.topbar{padding-left:14px;padding-right:14px}.hide-mobile{display:none}}.viewer{z-index:50;color:#e8edf4;background:#0a0d12f5;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 16px;display:flex}.viewer-bar .btn,.viewer-bar button{color:#e8edf4;background:#ffffff0f;border-color:#ffffff1f}.viewer-bar .btn:hover,.viewer-bar button:hover:not(:disabled){background:#ffffff24}.viewer-bar button.icon{padding:2px 10px;font-size:20px}.viewer-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.viewer-title .muted{color:#98a2b3}.viewer-body{flex:1;align-items:center;min-height:0;display:flex;position:relative}.viewer-stage{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;padding:16px 64px;display:flex}.viewer-nav{z-index:2;color:#fff;background:#ffffff14;border:0;width:44px;height:64px;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover:not(:disabled){background:#fff3}.viewer-nav.left{left:8px}.viewer-nav.right{right:8px}.viewer-image{object-fit:contain;background:repeating-conic-gradient(#2a2f37 0 25%, #1f242b 0 50%) 0 0 / 20px 20px;border-radius:4px;max-width:100%;max-height:100%}.viewer-frame{background:#fff;border:0;border-radius:6px;width:100%;height:100%}.viewer-media{background:#000;border-radius:6px;max-width:100%;max-height:100%}.viewer-audio{flex-direction:column;align-items:center;gap:20px;display:flex}.viewer-text{white-space:pre-wrap;word-break:break-word;color:#e8edf4;background:#161b22;border-radius:8px;width:100%;max-width:1000px;height:100%;margin:0;padding:20px;font:13px/1.55 ui-monospace,Menlo,monospace;overflow:auto}.viewer-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.viewer-card .muted{color:#98a2b3}.viewer-count{text-align:center;color:#98a2b3;padding:8px;font-size:12px}@media (max-width:760px){.viewer-stage{padding:8px}.viewer-nav{display:none}}.share-btn{opacity:.55}tr:hover .share-btn{opacity:1}.theme-opt{flex:1;justify-content:center;padding:5px 4px;font-size:12px;border:1px solid var(--line)!important}.theme-opt.active{color:var(--accent);border-color:var(--accent)!important;background:var(--accent-soft)!important}.nav a svg{flex:none}.badge-inline{flex:none;align-items:center;gap:4px;font-size:12px;display:inline-flex}.spin{animation:.6s linear spin}@keyframes spin{to{transform:rotate(360deg)}}.ok-msg{align-items:center;gap:6px;display:flex}.viewer-nav{place-items:center;display:grid}.table.mirror{table-layout:fixed}.table.mirror td,.table.mirror th{padding:8px 12px}.table.mirror .srv{border-left:1px solid var(--line)}.table.mirror tr.sel{background:var(--accent-soft)}.table.mirror .name{min-width:0}.table.mirror input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.mirror-legend{flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12px;display:flex}.mirror-legend>span{align-items:center;gap:5px;display:inline-flex}.mirror-legend svg{width:14px;height:14px}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{border:0;border-radius:0}.seg button.on{background:var(--accent-soft);color:var(--accent)}.table tr.sel{background:var(--accent-soft)}.browse-area{min-height:calc(100vh - 230px);padding-bottom:80px}.table.mirror .state{white-space:nowrap;cursor:help;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.notice{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.notice .grow{flex:1;min-width:0}.ignored-tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;cursor:help;border-radius:99px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;display:inline-flex}.menu-info{border-bottom:1px solid var(--line);color:var(--muted);white-space:normal;margin-bottom:4px;padding:6px 10px 8px;font-size:12px;line-height:1.4}.rules-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:860px){.rules-layout{grid-template-columns:1fr}}.rules-scopes{flex-direction:column;gap:4px;padding:8px;display:flex}.rules-scopes>button{text-align:left;background:0 0;border:0;justify-content:flex-start}.rules-scopes>button.on{background:var(--accent-soft);color:var(--accent)}.rules-add{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.rule-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 0;display:flex}.rule-row:last-of-type{border-bottom:0}.rule-row .grow{flex:1;min-width:0}.rule-ctl{flex:none;width:230px}.rule-ctl select,.rule-ctl input{width:100%}.sections .section-head{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-items:center;gap:8px;margin:10px 0 0;padding:10px 14px;font-size:13px;display:flex}.sections .section-head .grow{flex:1}.sections .section-head .path-txt{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-family:ui-monospace,Menlo,monospace;font-size:12px;overflow:hidden}.sections .table{margin-top:6px}.notif{margin-right:8px}.notif>button.icon{position:relative}.notif-badge{background:var(--err);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-menu{width:360px;max-height:70vh;padding:0;overflow:auto}.notif-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.menu .notif-item{border-bottom:1px solid var(--line);text-align:left;white-space:normal;border-radius:0;align-items:flex-start;gap:10px;width:100%;height:auto;padding:10px 12px;display:flex}.notif-item.unread{background:var(--accent-soft)}.notif-ic{color:var(--accent);flex:none;margin-top:2px}.notif-txt{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.notif-item{cursor:pointer}.notif-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.notif-stamp{color:var(--muted);opacity:.85;margin-top:2px;font-size:10.5px}.menu .notif-item{position:relative}.notif-del{opacity:.5;flex:none;height:auto!important;padding:2px!important}.notif-item:hover .notif-del{opacity:1}.cloudmap{margin-top:4px}.cm-grid{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:8px 0;margin-bottom:18px;padding:0 0 16px;display:grid;position:relative}.cm-cloud-bg,.cm-pc-bg{z-index:0;grid-column:1;position:relative}.cm-cloud-bg{background:linear-gradient(180deg, var(--accent-soft), color-mix(in srgb, var(--accent) 4%, var(--card)));border:1.5px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:36px 36px 22px 22px;margin:0 -14px -16px}.cm-pc-bg{background:var(--card);border:1.5px solid var(--line);box-shadow:0 10px 0 -4px var(--line);border-radius:14px;grid-column:3;margin:0 -14px -16px}.cm-grid>:not(.cm-cloud-bg):not(.cm-pc-bg){z-index:1;position:relative}.cm-head{align-items:center;gap:10px;padding:16px 0 6px;font-size:14px;display:flex}.cm-head .muted{font-size:12px;font-weight:400}.cm-head.cloud{color:var(--accent);grid-column:1}.cm-head.cloud strong{color:var(--text)}.cm-head.pc{grid-column:3}.cm-item{background:var(--card);border:1px solid var(--line);cursor:default;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px 12px;font-size:13px;display:flex}.cm-item.cloud{cursor:pointer;grid-column:1}.cm-item.cloud:hover{border-color:var(--accent)}.cm-item .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cm-item .cm-folder{color:#e0a526;flex:none}.cm-item .cm-note{white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.cm-item.off{color:var(--muted);background:0 0;border-style:dashed}.cm-item button.small{flex:none}.cm-cell{grid-column:3;align-items:center;min-width:0;display:flex}.cm-cell>.cm-item{flex:1}.cm-path{font-family:ui-monospace,Menlo,monospace;font-size:12px}.cm-mid{grid-column:2;align-items:center;padding:0 10px;display:flex}.cm-link{flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;display:flex;position:relative}.cm-link .cm-word{white-space:nowrap}.cm-link .cm-line{background:var(--ok);border-radius:2px;width:calc(100% - 4px);height:3px;position:relative;overflow:hidden}.cm-link:not(.none):before,.cm-link:not(.none):after{content:"";border:5px solid #0000;position:absolute;bottom:-3.5px}.cm-link:not(.none):before{border-left-width:0;border-right:7px solid;left:-6px}.cm-link:not(.none):after{border-left:7px solid;border-right-width:0;right:-6px}.cm-link.ok{color:var(--ok)}.cm-link.partial{color:var(--warn)}.cm-link.partial .cm-line{background:repeating-linear-gradient(90deg, var(--warn) 0 8px, transparent 8px 13px)}.cm-link.busy{color:var(--accent)}.cm-link.busy .cm-line{background:color-mix(in srgb, var(--accent) 25%, transparent)}.cm-link .cm-line i{display:none}.cm-link.busy .cm-line i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.6s linear infinite cm-flow;display:block;position:absolute;top:-1px}.cm-link.busy .cm-line i:nth-child(2){animation-delay:.53s}.cm-link.busy .cm-line i:nth-child(3){animation-delay:1.06s}@keyframes cm-flow{0%{left:-6px}to{left:100%}}.cm-link.none{color:var(--muted)}.cm-link.none span{opacity:.8;font-size:11px}.cm-link.none:before{content:"";border-top:1px dotted var(--line);position:absolute;top:50%;left:0;right:0}.cm-link.none span{background:var(--bg);padding:0 6px;position:relative}.cm-recents{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 2px;font-size:12px;display:flex}.cm-recents>span{align-items:center;gap:5px;display:inline-flex}.cm-recent strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:500;overflow:hidden}@media (max-width:760px){.cm-grid{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}.cm-link .cm-word,.cm-item .cm-note{display:none}.cm-cloud-bg,.cm-pc-bg{margin:0 -6px -12px}.cm-link.none span{display:none}}