:root{font-family:Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#233431;background:#f3f5f4;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.56;cursor:not-allowed}:focus-visible{outline:2px solid #2e786b;outline-offset:2px}::selection{background:#cce5dc}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;flex:0 0 238px;min-height:100vh;background:#17332f;color:#e7f1ed;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.sidebar-brand,.auth-brand{display:flex;align-items:center;gap:11px;font-weight:740;font-size:18px;white-space:nowrap}.sidebar-brand{padding:23px 23px 30px}.brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;flex:0 0 35px;background:#e6bb77;color:#17332f;border-radius:6px}.side-nav{padding:0 12px;overflow:auto;flex:1;scrollbar-width:thin}.nav-label{color:#8eaaa1;font-size:11px;font-weight:720;padding:6px 12px 10px}.section-gap{margin-top:23px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;height:39px;padding:0 12px;border:0;background:transparent;color:#c1d2cc;border-radius:5px;text-align:left;font-size:13px;font-weight:560;transition:background .16s,color .16s}.nav-item:hover{background:#294941;color:#fff}.nav-item.active{background:#31584d;color:#fff;font-weight:680}.nav-item svg{flex:0 0 auto}.source-dot,.connection-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#c59e64}.source-dot.jellyfin{background:#8996bb}.source-dot.navidrome{background:#d98b72}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:17px 14px;border-top:1px solid #35514a}.account-avatar,.member-avatar,.group-avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:6px;background:#cce1d7;color:#275b4e;font-size:14px;font-weight:750}.account-avatar{background:#53796d;color:#fff}.account-text,.member-detail{min-width:0;display:flex;flex-direction:column;line-height:1.35}.account-text{flex:1}.account-text strong,.member-detail strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.account-text small{margin-top:2px;color:#9ebbb1;font-size:11px}.icon-button{border:0;background:transparent;color:inherit;display:inline-grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:5px;padding:0}.icon-button:hover{background:#e5ebe8;color:#17473d}.sidebar .icon-button:hover{background:#31584d;color:#fff}.icon-button.danger:hover{color:#a03932;background:#f8e8e3}.sidebar-shade,.mobile-menu{display:none}.workspace{min-width:0;flex:1}.topbar{height:60px;border-bottom:1px solid #dce3df;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#83918d;font-size:12px}.breadcrumb strong{color:#334942;font-weight:650}.crumb-chevron{transform:rotate(-90deg);color:#a7b4af}.topbar-end{display:flex;align-items:center;gap:8px;color:#71817a;font-size:11px}.connection-dot{background:#4d977d;width:7px;height:7px;flex-basis:7px}.page-content{max-width:1250px;margin:0 auto;padding:36px 42px 80px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:770;color:#668477}h1,h2,p{margin-top:0}.page-heading h1{margin:6px 0 3px;font-size:26px;line-height:1.3;font-weight:730}.heading-note{font-size:12px;color:#84928d;margin:0}.button{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;border-radius:5px;border:1px solid transparent;white-space:nowrap;font-size:12px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s}.button.primary{background:#256f5d;border-color:#256f5d;color:#fff}.button.primary:hover:not(:disabled){background:#185744}.button.secondary{background:#fff;border-color:#d4ddd8;color:#39554b}.button.secondary:hover:not(:disabled){border-color:#8ba99d;background:#f8faf9}.button.wide{width:100%;min-height:42px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:19px}.search-field{display:flex;align-items:center;gap:9px;width:min(100%,490px);min-width:0;height:39px;padding:0 12px;background:#fff;border:1px solid #d8e0dc;border-radius:5px;color:#91a19a}.search-field:focus-within{border-color:#4f9b7e;box-shadow:0 0 0 3px #dcefe5}.search-field input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:#263f36;font-size:12px}.search-field input::placeholder{color:#9aa8a2}.clear-search{width:23px;height:23px;flex-basis:23px}.filter-title{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#7a8b82}.source-select{height:39px;min-width:130px;border:1px solid #d8e0dc;border-radius:5px;padding:0 9px;background:#fff;color:#3b5148;font-size:12px}.tag-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:22px;color:#798d80}.tag-filter{height:25px;padding:0 9px;background:transparent;border:1px solid #d6e0da;color:#63796d;border-radius:4px;font-size:11px}.tag-filter:hover,.tag-filter.selected{color:#235845;background:#e5f1e9;border-color:#b6d8c7}.section-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:0 2px 9px;border-bottom:1px solid #dce4df;color:#63776d;font-size:11px;font-weight:720}.section-line span:last-child{color:#99a7a0}.entry-list{background:#fff;border:1px solid #e0e7e2;border-radius:6px;overflow:hidden}.entry-row{display:flex;align-items:center;min-height:83px;gap:16px;padding:13px 17px;border-bottom:1px solid #edf0ee}.entry-row:last-child{border-bottom:0}.entry-row:hover{background:#fafcfb}.entry-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:5px;color:#596f91;background:#e8edf4}.entry-icon.document{color:#577a91;background:#e6eff3}.entry-icon.photo{color:#786b9b;background:#f0ebf3}.entry-icon.video{color:#9c6557;background:#f8eeea}.entry-icon.music{color:#967449;background:#f6efe0}.entry-icon.link{color:#437d69;background:#e7f1e9}.entry-main{flex:1;min-width:0}.entry-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.entry-title{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;color:#253a31;font-size:13px;font-weight:720;text-decoration:none;overflow-wrap:anywhere}.entry-title svg{flex:0 0 auto;color:#9ca9a2}.entry-title:hover{color:#1f8061;text-decoration:underline}.private-badge{display:inline-flex;align-items:center;gap:4px;color:#8b7447;font-size:10px}.entry-description{color:#7f8d86;font-size:11px;line-height:1.5;margin:4px 0 6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entry-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px}.source-label{font-size:10px;font-weight:720;color:#587060}.source-label.jellyfin{color:#697aa2}.source-label.navidrome{color:#aa7460}.source-label.external{color:#6e7c84}.entry-tag{display:inline-flex;align-items:center;min-height:19px;border-radius:3px;padding:2px 6px;background:#f0f3ef;color:#647568;font-size:10px;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:3px;color:#829189}.row-actions .icon-button{width:29px;height:29px;flex-basis:29px}.empty-state{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#869b8d;text-align:center;padding:35px}.empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:6px;background:#e5efea;color:#579077}.empty-state h2{color:#41594a;font-size:15px;margin:3px 0 0}.empty-state p{font-size:12px;margin:0 0 7px}.service-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:27px;color:#8c9a92;font-size:11px}.service-links a{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:#4b7465;font-weight:630}.service-links a:hover{text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:17px;color:#526b5d;font-size:12px}.pagination .icon-button{border:1px solid #d4ddd8;background:#fff}.banner-error{margin-bottom:18px;padding:9px 11px 9px 14px;border:1px solid #e8c9bc;border-radius:4px;background:#fff3ee;color:#a14934;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.management-list{border:1px solid #e0e7e2;border-radius:6px;background:#fff;overflow:hidden}.management-row{display:flex;align-items:center;gap:13px;min-height:65px;padding:10px 17px;border-bottom:1px solid #edf0ee}.management-row:last-child{border-bottom:0}.member-detail{flex:0 1 220px}.member-detail small{color:#9ba9a1;font-size:11px;margin-top:3px}.member-groups{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-left:auto;min-width:0;font-size:11px}.management-row>.icon-button{margin-left:auto}.admin-label{color:#5b8068;background:#eaf3e8;padding:3px 7px;border-radius:3px;font-size:10px}.muted{color:#88988e}.compact{margin:0;font-size:11px}.group-avatar{background:#e9efe9}.group-add{display:flex;gap:10px;margin-bottom:24px}.group-add .search-field{max-width:300px}.integration-row{min-height:76px}.integration-detail{flex:1 1 auto}.integration-paths{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:7px}.status-label{color:#866e48;background:#f5efe4;padding:4px 8px;border-radius:3px;font-size:10px;white-space:nowrap}.status-label.connected{color:#27644f;background:#e5f1e9}.integration-actions{display:flex;align-items:center;gap:8px;margin-left:12px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;z-index:60;padding:18px;background:#132b27ae}.modal{width:min(100%,560px);max-height:min(90vh,900px);overflow:auto;border-radius:7px;background:#fff;box-shadow:0 24px 90px #10231e45}.modal-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid #e6ece7}.modal-header h2{margin:0;font-size:15px;font-weight:750}.modal-body{padding:20px 22px 22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.modal label,.auth-form label{display:flex;flex-direction:column;gap:7px;color:#51685d;font-size:11px;font-weight:700}.modal input:not([type=checkbox],[type=radio]),.modal textarea,.modal select,.auth-form input{width:100%;min-height:37px;border:1px solid #d8e1db;border-radius:4px;padding:8px 10px;color:#243b31;background:#fff;font-size:12px;outline:none}.modal textarea{resize:vertical}.modal input:focus,.modal textarea:focus,.modal select:focus,.auth-form input:focus{border-color:#4f9b7e;box-shadow:0 0 0 3px #e0efe6}.modal input:disabled{background:#f3f5f3;color:#8c9b93}.modal fieldset{margin:0;border:1px solid #e3e9e4;border-radius:4px;padding:11px 13px;display:flex;flex-wrap:wrap;gap:10px 20px}.modal legend{font-size:11px;font-weight:710;color:#51685d;padding:0 4px}.modal .choice{display:inline-flex;align-items:center;flex-direction:row;gap:7px;min-height:23px;cursor:pointer;color:#4f6155;font-size:12px;font-weight:510}.choice input{accent-color:#237357;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:6px}.form-error{color:#b24737;margin:0;font-size:11px}.stacked-form{display:flex;flex-direction:column;gap:16px}.field-hint{color:#87978f;font-size:10px;font-weight:500;line-height:1.5}.oauth-summary{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-left:3px solid #4d8c76;background:#f1f6f3;color:#315c4d}.oauth-summary svg{flex:0 0 auto;margin-top:1px}.oauth-summary strong{font-size:13px}.oauth-summary p{margin:4px 0 0;color:#687d74;font-size:11px;line-height:1.55}.oauth-flow ol{margin:0;padding-left:20px;color:#4f6259;font-size:12px;line-height:1.7}.oauth-flow code{padding:1px 4px;border-radius:3px;background:#e9efeb;color:#285849}.oauth-security{margin:0;color:#6f7f77;font-size:11px;line-height:1.5}.auth-page{min-height:100vh;background:#f3f5f4;display:flex;flex-direction:column}.auth-brand{padding:27px max(5vw,24px);color:#173d35}.auth-main{width:min(100% - 40px,390px);margin:auto;padding:30px 0 70px}.auth-kicker{color:#4c8670;font-size:10px;font-weight:800}.auth-main h1{font-size:28px;margin:10px 0 6px;line-height:1.3}.auth-main>p{font-size:13px;margin-bottom:30px}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-form input{height:42px;background:#fff}.auth-form .button{margin-top:5px}.auth-footer{padding:22px;color:#9dac9f;font-size:11px;text-align:center}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#5f786d;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:780px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-shade{display:block;position:fixed;inset:0;border:0;background:#0d211ca6;z-index:25}.mobile-menu{display:inline-grid;margin-left:-7px}.topbar{padding:0 20px;justify-content:flex-start;gap:12px}.topbar-end{margin-left:auto}.page-content{padding:27px 20px 65px}}@media(max-width:530px){.topbar-end{font-size:0}.page-heading h1{font-size:21px}.page-heading .button{padding:7px 10px}.toolbar{flex-wrap:wrap;gap:9px}.toolbar .search-field{flex:1 0 100%}.filter-title{margin-left:0}.source-select{margin-left:auto}.entry-row{gap:11px;padding:13px 11px;align-items:flex-start}.entry-icon{width:36px;height:36px;flex-basis:36px}.entry-description{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row-actions{flex-direction:column}.member-detail{flex-basis:120px}.member-groups{justify-content:flex-end}.management-row{flex-wrap:wrap}.integration-detail{flex-basis:calc(100% - 52px)}.integration-actions{width:100%;margin-left:47px}.integration-paths{margin-top:8px}.form-grid{gap:14px}.form-grid>label:not(.span-2){grid-column:span 2}.group-add{flex-wrap:wrap}.group-add .search-field{flex:1 1 100%;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}