:root{--paper-0: #ffffff;--paper-1: #faf8f5;--paper-2: #f4f1eb;--paper-3: #ece8e0;--paper-4: #ded8cc;--paper-5: #c9c2b3;--ink-0: #211d16;--ink-1: #3d372d;--ink-2: #6b6353;--ink-3: #978e7c;--peanut-0: #f9eede;--peanut-1: #f0d9b8;--peanut-2: #e2b072;--peanut-3: #cf8a34;--peanut-4: #b45f14;--peanut-5: #92400e;--peanut-6: #6f310b;--green-3: #2e8b57;--green-1: #e2f2e8;--red-3: #c0392b;--red-1: #fbe7e4;--blue-3: #2f6fb2;--blue-1: #e4eefb;--gold-3: #a8770a;--gold-1: #faf0d7;--c-bg: var(--paper-2);--c-surface: var(--paper-0);--c-surface-2: var(--paper-1);--c-surface-3: var(--paper-3);--c-text: var(--ink-0);--c-text-2: var(--ink-2);--c-text-3: var(--ink-3);--c-on-primary: #ffffff;--c-border: #e3ded4;--c-border-2: #d3ccbe;--c-primary: var(--peanut-4);--c-primary-hover: var(--peanut-5);--c-primary-active: var(--peanut-6);--c-primary-tint: var(--peanut-0);--c-primary-soft: var(--peanut-1);--c-success: var(--green-3);--c-success-tint: var(--green-1);--c-danger: var(--red-3);--c-danger-tint: var(--red-1);--c-info: var(--blue-3);--c-info-tint: var(--blue-1);--c-warning: var(--gold-3);--c-warning-tint: var(--gold-1);--c-hover: rgba(33, 29, 22, .045);--c-active: rgba(33, 29, 22, .085);--c-overlay: rgba(24, 19, 12, .45);--c-scrim: rgba(33, 29, 22, .03);--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12.5px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 19px;--fs-2xl: 24px;--fs-3xl: 30px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(60, 45, 20, .06);--sh-sm: 0 1px 2px rgba(60, 45, 20, .07), 0 2px 6px rgba(60, 45, 20, .05);--sh-md: 0 2px 4px rgba(60, 45, 20, .06), 0 8px 20px rgba(60, 45, 20, .09);--sh-lg: 0 6px 12px rgba(60, 45, 20, .08), 0 20px 44px rgba(60, 45, 20, .14);--sh-ring: 0 0 0 3px color-mix(in srgb, var(--c-primary) 22%, transparent);--t-fast: .12s ease;--t-normal: .2s ease;--t-slow: .32s cubic-bezier(.22, 1, .36, 1);--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700;--h-control: 38px;--h-control-sm: 30px;--w-container: 1180px;--h-topbar: 56px;color-scheme:light}[data-theme=dark]{--paper-0: #221e19;--paper-1: #2a251f;--paper-2: #17140f;--paper-3: #332d25;--paper-4: #453e33;--paper-5: #5c5445;--ink-0: #f2ede4;--ink-1: #d8d1c3;--ink-2: #a99f8c;--ink-3: #7c7462;--peanut-0: #35291a;--peanut-1: #4a3820;--peanut-2: #b98745;--peanut-3: #e2b072;--peanut-4: #eda94f;--peanut-5: #f3c074;--peanut-6: #f9d796;--green-3: #57b883;--green-1: #173226;--red-3: #e5695c;--red-1: #39201c;--blue-3: #74a9e0;--blue-1: #1a2637;--gold-3: #e3b341;--gold-1: #332913;--c-border: #373127;--c-border-2: #4a4234;--c-primary: var(--peanut-4);--c-primary-hover: var(--peanut-3);--c-primary-active: var(--peanut-2);--c-primary-tint: var(--peanut-0);--c-primary-soft: var(--peanut-1);--c-on-primary: #241705;--c-hover: rgba(242, 237, 228, .05);--c-active: rgba(242, 237, 228, .1);--c-overlay: rgba(10, 8, 5, .6);--c-scrim: rgba(237, 169, 79, .09);--sh-xs: 0 1px 2px rgba(0, 0, 0, .3);--sh-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .25);--sh-md: 0 2px 4px rgba(0, 0, 0, .3), 0 10px 24px rgba(0, 0, 0, .4);--sh-lg: 0 8px 16px rgba(0, 0, 0, .35), 0 24px 50px rgba(0, 0, 0, .5);color-scheme:dark}@media (prefers-color-scheme: dark){[data-theme=auto]{--paper-0: #221e19;--paper-1: #2a251f;--paper-2: #17140f;--paper-3: #332d25;--paper-4: #453e33;--paper-5: #5c5445;--ink-0: #f2ede4;--ink-1: #d8d1c3;--ink-2: #a99f8c;--ink-3: #7c7462;--peanut-0: #35291a;--peanut-1: #4a3820;--peanut-2: #b98745;--peanut-3: #e2b072;--peanut-4: #eda94f;--peanut-5: #f3c074;--peanut-6: #f9d796;--green-3: #57b883;--green-1: #173226;--red-3: #e5695c;--red-1: #39201c;--blue-3: #74a9e0;--blue-1: #1a2637;--gold-3: #e3b341;--gold-1: #332913;--c-border: #373127;--c-border-2: #4a4234;--c-primary: var(--peanut-4);--c-primary-hover: var(--peanut-3);--c-primary-active: var(--peanut-2);--c-primary-tint: var(--peanut-0);--c-primary-soft: var(--peanut-1);--c-on-primary: #241705;--c-hover: rgba(242, 237, 228, .05);--c-active: rgba(242, 237, 228, .1);--c-overlay: rgba(10, 8, 5, .6);--c-scrim: rgba(237, 169, 79, .09);--sh-xs: 0 1px 2px rgba(0, 0, 0, .3);--sh-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .25);--sh-md: 0 2px 4px rgba(0, 0, 0, .3), 0 10px 24px rgba(0, 0, 0, .4);--sh-lg: 0 8px 16px rgba(0, 0, 0, .35), 0 24px 50px rgba(0, 0, 0, .5);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--fs-md);line-height:1.5;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 var(--sp-2);line-height:1.25;font-weight:650;letter-spacing:-.01em}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0 0 var(--sp-3)}p:last-child{margin-bottom:0}a{color:var(--c-primary);text-decoration:none;font-weight:550;transition:color var(--t-fast)}a:hover{color:var(--c-primary-hover)}img,svg,video{display:block;max-width:100%}small{font-size:var(--fs-sm);color:var(--c-text-2)}::selection{background:var(--c-primary-soft);color:var(--c-text)}:focus{outline:none}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--r-sm)}*{scrollbar-width:thin;scrollbar-color:var(--paper-5) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--paper-5);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--r-sm);background:none;color:var(--c-text-2);cursor:pointer;padding:0;flex-shrink:0;transition:background var(--t-fast),color var(--t-fast)}.iconbtn:hover:not(:disabled){background:var(--c-hover);color:var(--c-text)}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.iconbtn.active{background:var(--c-primary-tint);color:var(--c-primary)}.iconbtn.danger:hover:not(:disabled){background:var(--c-danger-tint);color:var(--c-danger)}.iconbtn.spinning svg{animation:ck-spin .8s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--h-control);padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--r-md);font:inherit;font-size:var(--fs-md);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--c-primary);color:var(--c-on-primary);box-shadow:var(--sh-xs)}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn-primary:active:not(:disabled){background:var(--c-primary-active)}.btn-primary:focus-visible{outline:none;box-shadow:var(--sh-ring),0 0 0 1px var(--c-primary)}.btn-soft{background:var(--c-primary-tint);color:var(--c-primary);border-color:color-mix(in srgb,var(--c-primary) 24%,transparent)}.btn-soft:hover:not(:disabled){background:var(--c-primary-soft);color:var(--c-primary-hover)}.btn-ghost{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border)}.btn-ghost:hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-border-2)}.btn-text{background:none;color:var(--c-text-2)}.btn-text:hover:not(:disabled){background:var(--c-hover);color:var(--c-text)}.btn-danger{background:var(--c-surface);color:var(--c-danger);border-color:color-mix(in srgb,var(--c-danger) 35%,transparent)}.btn-danger:hover:not(:disabled){background:var(--c-danger-tint);border-color:var(--c-danger)}.btn-danger.btn-primary{background:var(--c-danger);color:#fff;border-color:transparent}.btn-danger.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--c-danger) 85%,black)}.btn-sm{height:var(--h-control-sm);padding:0 var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-lg{height:46px;padding:0 var(--sp-6);font-size:var(--fs-lg)}.btn-icon{width:var(--h-control);padding:0}.btn-icon.btn-sm{width:var(--h-control-sm)}.btn-block{width:100%}.btn-pill{border-radius:var(--r-full);padding:0 var(--sp-4);height:var(--h-control-sm);font-size:var(--fs-sm)}.btn .spinner{width:14px;height:14px}.input,.select,.textarea{width:100%;height:var(--h-control);padding:0 var(--sp-3);font:inherit;font-size:var(--fs-md);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.textarea{height:auto;min-height:84px;padding:var(--sp-2) var(--sp-3);resize:vertical;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,var(--c-text-2) 50%),linear-gradient(135deg,var(--c-text-2) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.input:hover,.select:hover,.textarea:hover{border-color:var(--c-border-2)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--sh-ring)}.input::placeholder,.textarea::placeholder{color:var(--c-text-3)}.input-sm,.select-sm{height:var(--h-control-sm);font-size:var(--fs-sm);border-radius:var(--r-sm)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--c-surface-2);color:var(--c-text-3);cursor:not-allowed}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--c-danger)}.input.is-invalid:focus,.select.is-invalid:focus,.textarea.is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-danger) 20%,transparent)}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.field>label{font-size:var(--fs-sm);font-weight:600;color:var(--c-text-2)}.field-help{font-size:var(--fs-sm);color:var(--c-text-3)}.field-error{font-size:var(--fs-sm);color:var(--c-danger);font-weight:550}.search{position:relative;display:flex;align-items:center}.search>svg,.search>.icon{position:absolute;left:var(--sp-3);width:16px;height:16px;color:var(--c-text-3);pointer-events:none}.search .input{padding-left:var(--sp-8)}.switch{position:relative;display:inline-flex;align-items:center;width:40px;height:22px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.switch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-full);background:var(--paper-4);transition:background var(--t-normal)}.switch:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--sh-xs);transition:transform var(--t-normal)}.switch:has(input:checked):before{background:var(--c-primary)}.switch:has(input:checked):after{transform:translate(18px)}.switch:has(input:focus-visible):before{box-shadow:var(--sh-ring)}.check,.radio{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);cursor:pointer;-webkit-user-select:none;user-select:none}.check input,.radio input{width:17px;height:17px;margin:0;accent-color:var(--c-primary);cursor:pointer;flex-shrink:0}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.card-hover{transition:box-shadow var(--t-normal),transform var(--t-normal),border-color var(--t-normal)}.card-hover:hover{box-shadow:var(--sh-md);border-color:var(--c-border-2);transform:translateY(-2px)}.card-header,.card-body,.card-footer{padding:var(--sp-5)}.card-header{border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.card-header h3{margin:0}.card-footer{border-top:1px solid var(--c-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2)}.card-body:not(:first-child){padding-top:0}.grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-tight{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 var(--sp-2);border-radius:var(--r-full);background:var(--c-surface-3);color:var(--c-text-2);font-size:var(--fs-xs);font-weight:650;letter-spacing:.02em;white-space:nowrap}.badge-primary{background:var(--c-primary-tint);color:var(--c-primary)}.badge-success{background:var(--c-success-tint);color:var(--c-success)}.badge-danger{background:var(--c-danger-tint);color:var(--c-danger)}.badge-info{background:var(--c-info-tint);color:var(--c-info)}.badge-warning{background:var(--c-warning-tint);color:var(--c-warning)}.dot{width:8px;height:8px;border-radius:50%;background:var(--c-text-3);flex-shrink:0}.dot-ok{background:var(--c-success)}.dot-danger{background:var(--c-danger)}.dot-warning{background:var(--peanut-3)}.dot-pulse{animation:ck-pulse 1.6s ease-in-out infinite}@keyframes ck-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,currentColor 35%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,currentColor 0%,transparent)}}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 var(--sp-2);border-radius:var(--r-full);background:var(--c-surface-3);color:var(--c-text);font-size:var(--fs-sm);font-weight:550;max-width:240px}.chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-primary{background:var(--c-primary-tint);color:var(--c-primary)}.chip-danger{background:var(--c-danger-tint);color:var(--c-danger)}.chip button,.chip .chip-x{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:transparent;color:inherit;font-size:14px;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.chip button:hover{background:var(--c-active)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--c-primary-tint);color:var(--c-primary);font-size:var(--fs-sm);font-weight:700;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:26px;height:26px;font-size:var(--fs-xs)}.avatar-lg{width:52px;height:52px;font-size:var(--fs-lg)}.avatar-xl{width:72px;height:72px;font-size:var(--fs-xl)}.avatar-square{border-radius:var(--r-md)}.avatar-c1{background:var(--c-primary-tint);color:var(--c-primary)}.avatar-c2{background:var(--c-info-tint);color:var(--c-info)}.avatar-c3{background:var(--c-success-tint);color:var(--c-success)}.avatar-c4{background:var(--c-warning-tint);color:var(--c-warning)}.avatar-c5{background:var(--c-danger-tint);color:var(--c-danger)}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-2);border:1px solid var(--c-border);color:var(--c-text-2);font-size:var(--fs-sm)}.alert-primary{background:var(--c-primary-tint);border-color:color-mix(in srgb,var(--c-primary) 25%,transparent);color:var(--c-text)}.alert-success{background:var(--c-success-tint);border-color:color-mix(in srgb,var(--c-success) 25%,transparent);color:var(--c-text)}.alert-danger{background:var(--c-danger-tint);border-color:color-mix(in srgb,var(--c-danger) 25%,transparent);color:var(--c-text)}.alert-info{background:var(--c-info-tint);border-color:color-mix(in srgb,var(--c-info) 25%,transparent);color:var(--c-text)}.alert-warning{background:var(--c-warning-tint);border-color:color-mix(in srgb,var(--c-warning) 25%,transparent);color:var(--c-text)}.alert strong{color:inherit}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--c-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ck-fade var(--t-normal)}.modal[hidden],.modal:not([open]){display:none}.modal-box{width:100%;max-width:520px;max-height:min(86vh,900px);display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);animation:ck-pop var(--t-slow)}.modal-sm{max-width:400px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.modal-header h3{margin:0;font-size:var(--fs-lg)}.modal-body{padding:var(--sp-5);overflow-y:auto;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border)}@keyframes ck-fade{0%{opacity:0}}@keyframes ck-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}}.toasts{position:fixed;bottom:var(--sp-5);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);z-index:var(--z-toast);pointer-events:none;width:max-content;max-width:calc(100vw - var(--sp-8))}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-full);background:var(--ink-0);color:var(--paper-1);font-size:var(--fs-sm);font-weight:550;box-shadow:var(--sh-md);animation:ck-toast-in var(--t-normal)}[data-theme=dark] .toast{background:var(--paper-4);color:var(--ink-0)}.toast-success{background:var(--c-success);color:#fff}.toast-danger{background:var(--c-danger);color:#fff}.toast-primary{background:var(--c-primary);color:var(--c-on-primary)}.toast.hide{animation:ck-toast-out var(--t-normal) forwards}@keyframes ck-toast-in{0%{opacity:0;transform:translateY(14px) scale(.95)}}@keyframes ck-toast-out{to{opacity:0;transform:translateY(8px) scale(.97)}}.tabs{display:flex;gap:var(--sp-1);flex-wrap:wrap;padding:var(--sp-1);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);width:fit-content;max-width:100%}.tabs>button,.tabs>a{height:var(--h-control-sm);padding:0 var(--sp-4);display:inline-flex;align-items:center;gap:var(--sp-2);border:none;border-radius:var(--r-sm);background:transparent;color:var(--c-text-2);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.tabs>button:hover{color:var(--c-text);background:var(--c-hover)}.tabs>button[aria-selected=true],.tabs>button.active{background:var(--c-surface);color:var(--c-primary);box-shadow:var(--sh-xs)}.tabs-underline{background:none;border:none;border-bottom:1px solid var(--c-border);border-radius:0;padding:0;gap:var(--sp-5)}.tabs-underline>button,.tabs-underline>a{border-radius:0;box-shadow:inset 0 -2px 0 transparent}.tabs-underline>button[aria-selected=true],.tabs-underline>button.active{background:none;box-shadow:inset 0 -2px 0 var(--c-primary);color:var(--c-text)}.tabs-underline>button:hover{background:none}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-3);border-bottom:1px solid var(--c-border);white-space:nowrap}.table td{padding:var(--sp-3);border-bottom:1px solid var(--c-border);vertical-align:middle}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--c-hover)}.table tbody tr:last-child td{border-bottom:none}.menu{min-width:200px;padding:var(--sp-1);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-md);z-index:var(--z-dropdown)}.menu-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border:none;border-radius:var(--r-sm);background:none;color:var(--c-text);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;transition:background var(--t-fast)}.menu-item:hover{background:var(--c-hover)}.menu-item.menu-danger{color:var(--c-danger)}.menu-item.menu-danger:hover{background:var(--c-danger-tint)}.menu-sep{height:1px;margin:var(--sp-1) calc(var(--sp-1) * -1);background:var(--c-border);border:none}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(2px);padding:5px 9px;border-radius:var(--r-sm);background:var(--ink-0);color:var(--paper-1);font-size:var(--fs-xs);font-weight:550;white-space:nowrap;opacity:0;pointer-events:none;z-index:var(--z-tooltip);transition:opacity var(--t-fast),transform var(--t-fast)}[data-theme=dark] .tip:after{background:var(--paper-4);color:var(--ink-0)}.tip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--c-border);border-top-color:var(--c-primary);animation:ck-spin .7s linear infinite;flex-shrink:0}.spinner-lg{width:32px;height:32px;border-width:3.5px}@keyframes ck-spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--c-surface-3) 25%,var(--c-surface-2) 50%,var(--c-surface-3) 75%);background-size:200% 100%;animation:ck-shimmer 1.4s ease infinite}@keyframes ck-shimmer{to{background-position:-200% 0}}.progress{height:7px;border-radius:var(--r-full);background:var(--c-surface-3);overflow:hidden}.progress>div{height:100%;border-radius:var(--r-full);background:var(--c-primary);transition:width var(--t-normal)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-10) var(--sp-6);text-align:center;color:var(--c-text-3)}.empty svg{width:40px;height:40px;opacity:.5}.empty .empty-title{font-size:var(--fs-lg);font-weight:650;color:var(--c-text-2)}.empty p{font-size:var(--fs-sm);max-width:380px;margin:0}.topbar{display:flex;align-items:center;gap:var(--sp-3);height:var(--h-topbar);padding:0 var(--sp-5);background:color-mix(in srgb,var(--c-surface) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:var(--z-sticky);flex-shrink:0}.topbar .brand{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);font-weight:750;letter-spacing:-.01em;color:var(--c-text)}.topbar .spacer,.spacer{margin-left:auto}.container{width:100%;max-width:var(--w-container);margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-12)}.scroll{overflow-y:auto;min-height:0}.sidebar{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);background:var(--c-surface);border-right:1px solid var(--c-border);overflow-y:auto;min-height:0}.sidebar .nav-item{display:flex;align-items:center;gap:var(--sp-3);height:36px;padding:0 var(--sp-3);border:none;border-radius:var(--r-md);background:none;color:var(--c-text-2);font:inherit;font-size:var(--fs-md);font-weight:550;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);text-align:left;width:100%}.sidebar .nav-item:hover{background:var(--c-hover);color:var(--c-text)}.sidebar .nav-item.active{background:var(--c-primary-tint);color:var(--c-primary);font-weight:650}.sidebar .nav-item .count{margin-left:auto;font-size:var(--fs-xs);color:var(--c-text-3);font-weight:650}.sidebar .nav-section{margin:var(--sp-4) 0 var(--sp-1);padding:0 var(--sp-3);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-3)}.section-title{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-3);margin:var(--sp-6) 0 var(--sp-3)}.section-title:first-child{margin-top:0}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:radial-gradient(60% 50% at 15% 0%,color-mix(in srgb,var(--c-primary) 7%,transparent),transparent),radial-gradient(50% 45% at 90% 100%,color-mix(in srgb,var(--c-primary) 6%,transparent),transparent),var(--c-bg)}.auth-card{width:100%;max-width:400px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-md);padding:var(--sp-8)}.auth-card .brand{justify-content:center;margin-bottom:var(--sp-4)}.auth-card h1{font-size:var(--fs-xl);text-align:center}.auth-card .auth-sub{text-align:center;color:var(--c-text-2);font-size:var(--fs-sm);margin:0 0 var(--sp-6)}code,.code{font-family:var(--font-mono);font-size:.92em;background:var(--c-surface-3);border-radius:var(--r-sm);padding:1px 5px;word-break:break-all}pre.code{display:block;padding:var(--sp-3);overflow-x:auto;line-height:1.45}.divider{height:1px;border:none;margin:var(--sp-5) 0;background:var(--c-border)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-sm);border:1px solid var(--c-border);border-bottom-width:2px;background:var(--c-surface);font-family:var(--font-mono);font-size:11px;color:var(--c-text-2)}.kv{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border);font-size:var(--fs-sm)}.kv:last-child{border-bottom:none}.kv .k{color:var(--c-text-2)}.kv .v{font-weight:600;text-align:right;word-break:break-all}.row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.row-nowrap{flex-wrap:nowrap}.col{display:flex;flex-direction:column;gap:var(--sp-2)}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.between{justify-content:space-between}.end{justify-content:flex-end}.center{justify-content:center;align-items:center}.grow{flex:1 1 auto;min-width:0}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-0{margin-bottom:0}.muted{color:var(--c-text-2)}.faint{color:var(--c-text-3)}.ok{color:var(--c-success);font-weight:600}.err{color:var(--c-danger);font-weight:600}.hidden{display:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;display:flex;min-height:0}.app-sidebar{width:264px;flex-shrink:0;display:flex;flex-direction:column;background:var(--c-surface);border-right:1px solid var(--c-border);overflow:hidden}.app-sidebar-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3)}.app-sidebar-foot{padding:var(--sp-3);border-top:1px solid var(--c-border);background:var(--c-surface-2)}.sidebtn{display:flex;align-items:center;gap:var(--sp-3);width:100%;height:36px;padding:0 var(--sp-3);border:none;border-radius:var(--r-md);background:none;color:var(--c-text-2);font:inherit;font-size:var(--fs-md);font-weight:550;text-align:left;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.sidebtn svg{flex-shrink:0;opacity:.75}.sidebtn:hover{background:var(--c-hover);color:var(--c-text)}.sidebtn.active{background:var(--c-primary-tint);color:var(--c-primary);font-weight:650}.sidebtn.active svg{opacity:1}.sidebtn .count{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:var(--r-full);background:var(--c-surface-3);color:var(--c-text-2);font-size:var(--fs-xs);font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebtn .count.unread{background:var(--c-primary);color:var(--c-on-primary)}.sidebtn.sub{padding-left:var(--sp-8);font-size:var(--fs-sm);height:32px}.sidebtn .sidetitle{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sideitem{position:relative;border-radius:var(--r-md);transition:background var(--t-fast),box-shadow var(--t-fast)}.sideitem.dragover{background:var(--c-primary-soft);box-shadow:inset 0 0 0 2px var(--c-primary)}.side-section-head{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-6) 0 var(--sp-2);padding:0 var(--sp-1);border-radius:var(--r-sm);transition:background var(--t-fast),box-shadow var(--t-fast)}.side-section-head .section-title{margin:0;flex:1}.side-section-head.dragover{background:var(--c-primary-soft);box-shadow:inset 0 0 0 2px var(--c-primary)}.side-add-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--r-sm);background:none;color:var(--c-text-3);cursor:pointer;padding:0;transition:background var(--t-fast),color var(--t-fast)}.side-add-btn:hover{background:var(--c-hover);color:var(--c-primary)}.sideitem-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;gap:2px;opacity:0;transition:opacity var(--t-fast);background:var(--c-surface);border-radius:var(--r-sm);padding:0 2px;box-shadow:-6px 0 8px -6px var(--c-surface)}.sideitem:hover .sideitem-actions,.sideitem.dragover .sideitem-actions{opacity:1}.sideitem:hover:has(.sideitem-actions) .sidebtn .count{opacity:0}.mini-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--r-sm);background:none;color:var(--c-text-3);cursor:pointer;padding:0;transition:background var(--t-fast),color var(--t-fast)}.mini-icon:hover{background:var(--c-hover);color:var(--c-text)}.mini-icon.danger:hover{background:var(--c-danger-tint);color:var(--c-danger)}.mailrow.dragging{opacity:.35}.listpane{width:400px;min-width:320px;flex-shrink:0;display:flex;flex-direction:column;background:var(--c-surface);border-right:1px solid var(--c-border);min-height:0}.listpane-head{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);min-height:53px}.listpane-title{font-size:var(--fs-md);font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listpane-sub{font-size:var(--fs-xs);color:var(--c-text-3);font-weight:550;white-space:nowrap;flex-shrink:0}.listpane-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.listpane-foot{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-3);background:var(--c-surface)}.mailrow{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-3) calc(var(--sp-4) + 3px);cursor:pointer;border-bottom:1px solid var(--c-border);transition:background var(--t-fast)}.mailrow:last-child{border-bottom:none}.mailrow:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:transparent}.mailrow:hover{background:var(--c-hover)}.mailrow.unread{background:var(--c-primary-tint)}.mailrow.unread:hover{background:color-mix(in srgb,var(--c-primary-tint) 60%,var(--c-hover))}.mailrow.unread:before{background:var(--c-primary)}.mailrow.selected{background:var(--c-primary-soft)}.mailrow.selected:before{background:var(--c-primary)}.mailrow-check{flex-shrink:0;width:18px;opacity:0;transition:opacity var(--t-fast)}.mailrow:hover .mailrow-check,.mailrow.selected .mailrow-check,.mailrow.has-selection .mailrow-check{opacity:1}.mailrow-main{flex:1;min-width:0}.mailrow-top{display:flex;align-items:baseline;gap:var(--sp-2)}.mailrow-sender{font-weight:650;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text)}.mailrow-subject{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:550;color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailrow.unread .mailrow-subject{color:var(--c-text);font-weight:650}.mailrow-preview{font-size:var(--fs-xs);color:var(--c-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.mailrow-meta{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;align-self:flex-start;padding-top:2px}.mailrow-date{font-size:var(--fs-xs);color:var(--c-text-3);font-weight:550;white-space:nowrap}.mailrow-flags{display:flex;gap:2px;opacity:0;transition:opacity var(--t-fast)}.mailrow:hover .mailrow-flags,.mailrow .mailrow-flags.on{opacity:1}.flagbtn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--r-sm);background:none;color:var(--c-text-3);cursor:pointer;padding:0;transition:background var(--t-fast),color var(--t-fast)}.flagbtn:hover{background:var(--c-active);color:var(--c-text)}.flagbtn.starred{color:var(--peanut-3);opacity:1}.flagbtn.important{color:var(--c-danger);opacity:1}.mailrow-badge{display:inline-flex;align-items:center;gap:3px;color:var(--c-text-3)}.detailpane{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--c-bg);min-height:0}.detailpane-head{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--c-border);background:var(--c-surface);flex-wrap:wrap}.detailpane-subject{flex:1;min-width:200px;margin:0;font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.detailpane-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-6)}.detail-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);max-width:860px;margin:0 auto}.detail-meta{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-5);border-bottom:1px solid var(--c-border)}.detail-meta-who{flex:1;min-width:0}.detail-meta-name{font-weight:650}.detail-meta-addr{font-size:var(--fs-sm);color:var(--c-text-2);overflow-wrap:anywhere}.detail-meta-line{font-size:var(--fs-sm);color:var(--c-text-3);margin-top:2px;overflow-wrap:anywhere}.detail-meta-date{font-size:var(--fs-sm);color:var(--c-text-3);text-align:right;white-space:nowrap;flex-shrink:0}.detail-attachments{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.detail-attachments a{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--sp-3);border-radius:var(--r-full);background:var(--c-surface-2);border:1px solid var(--c-border);color:var(--c-text);font-size:var(--fs-sm);font-weight:550;transition:background var(--t-fast),border-color var(--t-fast)}.detail-attachments a:hover{background:var(--c-primary-tint);border-color:color-mix(in srgb,var(--c-primary) 30%,transparent);color:var(--c-primary)}.detail-attachments .att-size{color:var(--c-text-3);font-weight:450}.detail-body{padding:var(--sp-5);font-size:var(--fs-md);line-height:1.65;white-space:pre-wrap;overflow-wrap:break-word}.detail-empty{flex:1;display:flex;align-items:center;justify-content:center;background:var(--c-bg)}.move-menu{position:absolute;top:calc(100% + 6px);right:0}.composer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--c-bg);display:flex;flex-direction:column;animation:ck-fade var(--t-normal)}.composer-head{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);background:var(--c-surface);border-bottom:1px solid var(--c-border)}.composer-title{margin:0;font-size:var(--fs-lg);font-weight:700}.composer-scroll{flex:1;min-height:0;overflow-y:auto}.composer-inner{max-width:760px;margin:0 auto;padding:var(--sp-6) var(--sp-5) 160px}.composer-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border)}.composer-row label{flex-shrink:0;width:44px;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-3)}.composer-row .input,.composer-row .select{border:none;box-shadow:none;background:transparent;padding-left:0;height:36px}.composer-row .input:focus,.composer-row .select:focus{box-shadow:none}.composer-row .chip-input{border:none;padding-left:0}.composer-ccbtn{border:none;background:none;color:var(--c-primary);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;padding:var(--sp-2) 0;align-self:flex-start}.composer-ccbtn:hover{text-decoration:underline}.composer-subject{width:100%;border:none;outline:none;background:none;font:inherit;font-size:var(--fs-xl);font-weight:650;color:var(--c-text);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-border)}.composer-subject::placeholder{color:var(--c-text-3);font-weight:550}.composer-body{width:100%;min-height:280px;border:none;outline:none;background:none;font:inherit;font-size:var(--fs-md);line-height:1.65;color:var(--c-text);resize:vertical;padding:var(--sp-4) 0}.composer-body::placeholder{color:var(--c-text-3)}.composer-attachments{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.composer-foot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:color-mix(in srgb,var(--c-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--c-border);flex-wrap:wrap}.composer-foot .grow{min-width:20px}.composer-error{font-size:var(--fs-sm);color:var(--c-danger);font-weight:550}.chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:38px;padding:5px 10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);cursor:text;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.chip-input:hover{border-color:var(--c-border-2)}.chip-input:focus-within{border-color:var(--c-primary);box-shadow:var(--sh-ring)}.chip-input.invalid{border-color:var(--c-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-danger) 18%,transparent)}.chip-input input{flex:1;min-width:140px;border:none;outline:none;background:none;font:inherit;font-size:var(--fs-md);color:var(--c-text);padding:3px 0}.chip-input input::placeholder{color:var(--c-text-3)}.chip-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);padding:var(--sp-1);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-md)}.chip-suggestion{display:flex;align-items:baseline;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border:none;border-radius:var(--r-sm);background:none;font:inherit;text-align:left;cursor:pointer}.chip-suggestion.active{background:var(--c-primary-tint)}.chip-suggestion .cs-name{font-weight:600;font-size:var(--fs-sm);color:var(--c-text)}.chip-suggestion .cs-email{font-size:var(--fs-xs);color:var(--c-text-3)}.checkbox{width:17px;height:17px;border:1.5px solid var(--c-border-2);border-radius:5px;background:var(--c-surface);cursor:pointer;position:relative;flex-shrink:0;transition:background var(--t-fast),border-color var(--t-fast)}.checkbox:hover{border-color:var(--c-primary)}.checkbox.checked{background:var(--c-primary);border-color:var(--c-primary)}.checkbox.checked:after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid var(--c-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox.indeterminate{background:var(--c-primary);border-color:var(--c-primary)}.checkbox.indeterminate:after{content:"";position:absolute;left:3px;top:6.5px;width:8px;height:2px;background:var(--c-on-primary)}.tooltip{position:relative;display:inline-flex}.tooltip-text{position:absolute;z-index:var(--z-tooltip);padding:5px 9px;border-radius:var(--r-sm);background:var(--ink-0);color:var(--paper-1);font-size:var(--fs-xs);font-weight:550;white-space:nowrap;pointer-events:none;box-shadow:var(--sh-sm);animation:ck-fade var(--t-fast)}[data-theme=dark] .tooltip-text{background:var(--paper-4);color:var(--ink-0)}.userbtn{display:flex;align-items:center;gap:var(--sp-2);height:var(--h-control);padding:0 var(--sp-2) 0 3px;border:1px solid transparent;border-radius:var(--r-full);background:none;cursor:pointer;font:inherit;transition:background var(--t-fast),border-color var(--t-fast)}.userbtn:hover{background:var(--c-hover);border-color:var(--c-border)}.userbtn .userbtn-name{font-size:var(--fs-sm);font-weight:650;color:var(--c-text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.userbtn .userbtn-email{font-size:var(--fs-xs);color:var(--c-text-3);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.user-menu{position:relative;display:inline-flex}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;z-index:var(--z-dropdown)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--c-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ck-fade var(--t-normal)}.panelbox{width:100%;max-width:760px;max-height:min(88vh,920px);display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;animation:ck-pop var(--t-slow)}.panelbox-head{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.panelbox-head h2{margin:0;font-size:var(--fs-lg)}.panelbox-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-5)}.itemrow{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);transition:border-color var(--t-fast),background var(--t-fast)}.itemrow:hover{border-color:var(--c-border-2)}.itemrow.disabled{opacity:.55}.itemrow-main{flex:1;min-width:0}.itemrow-title{font-size:var(--fs-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itemrow-sub{font-size:var(--fs-sm);color:var(--c-text-3);margin-top:1px;overflow:hidden;text-overflow:ellipsis}.selectionbar{display:flex;align-items:center;gap:var(--sp-1);flex:1;min-width:0}.topsearch{position:relative;display:flex;align-items:center;flex:1;max-width:560px;margin:0 auto}.topsearch svg.searchicon{position:absolute;left:var(--sp-4);width:15px;height:15px;color:var(--c-text-3);pointer-events:none}.topsearch input{width:100%;height:var(--h-control-sm);padding:0 var(--sp-8) 0 38px;border:1px solid var(--c-border);border-radius:var(--r-full);background:var(--c-surface-2);font:inherit;font-size:var(--fs-sm);color:var(--c-text);transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.topsearch input:hover{border-color:var(--c-border-2)}.topsearch input:focus{outline:none;background:var(--c-surface);border-color:var(--c-primary);box-shadow:var(--sh-ring)}.topsearch input::placeholder{color:var(--c-text-3)}.topsearch .clearbtn{position:absolute;right:6px;width:22px;height:22px;border:none;border-radius:50%;background:var(--c-surface-3);color:var(--c-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.topsearch .clearbtn:hover{background:var(--c-active)}.avatar-c{display:inline-flex}.storage-mini{display:flex;flex-direction:column;gap:6px}.storage-mini .lbl{font-size:var(--fs-xs);color:var(--c-text-3);display:flex;justify-content:space-between;gap:var(--sp-2)}@media print{.app>.topbar,.app-sidebar,.listpane,.detailpane-head,.toasts{display:none!important}.app,.app-main,.detailpane,.detailpane-scroll{display:block;height:auto;overflow:visible}.detail-card{border:none;box-shadow:none;max-width:none}}@media (max-width: 1024px){.listpane{width:340px;min-width:280px}.topsearch{max-width:none}}@media (max-width: 768px){.app-sidebar{position:fixed;top:var(--h-topbar);left:0;bottom:0;z-index:var(--z-drawer);box-shadow:var(--sh-lg);width:280px}.listpane{width:100%;flex:1;border-right:none}.detailpane{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay)}.topsearch .userbtn-name,.topsearch .userbtn-email{display:none}.topsearch input{padding-right:var(--sp-4)}}