*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f2f2f0;--sf:#fff;--sf2:#f7f7f5;--sf3:#ededeb;--sf4:#e4e4e2;--bd:rgba(0,0,0,.08);--bd2:rgba(0,0,0,.14);--bd3:rgba(0,0,0,.22);--tx:#18181a;--tx2:#52525b;--tx3:#a1a1aa;--blue:#2563eb;--blue-bg:#eff6ff;--blue-tx:#1d4ed8;--blue-bd:#bfdbfe;--green:#16a34a;--green-bg:#f0fdf4;--green-tx:#15803d;--green-bd:#bbf7d0;--amber:#d97706;--amber-bg:#fffbeb;--amber-tx:#92400e;--amber-bd:#fde68a;--red:#dc2626;--red-bg:#fef2f2;--red-tx:#991b1b;--red-bd:#fecaca;--purple:#7c3aed;--purple-bg:#f5f3ff;--purple-tx:#6d28d9;--purple-bd:#ddd6fe;--teal:#0d9488;--teal-bg:#f0fdfa;--teal-tx:#0f766e;--teal-bd:#99f6e4;--orange:#ea580c;--orange-bg:#fff7ed;--orange-tx:#c2410c;--orange-bd:#fed7aa;--r:8px;--r2:12px}html[data-dark]{--bg:#0e0e0d;--sf:#1a1a19;--sf2:#222221;--sf3:#2a2a29;--sf4:#323231;--bd:rgba(255,255,255,.07);--bd2:rgba(255,255,255,.13);--bd3:rgba(255,255,255,.22);--tx:#f0f0ec;--tx2:#a1a1aa;--tx3:#71717a;--blue:#3b82f6;--blue-bg:#1e3058;--blue-tx:#93c5fd;--blue-bd:#1e40af;--green:#22c55e;--green-bg:#052e16;--green-tx:#86efac;--green-bd:#166534;--amber:#f59e0b;--amber-bg:#3b2200;--amber-tx:#fcd34d;--amber-bd:#92400e;--red:#f87171;--red-bg:#3b0000;--red-tx:#fca5a5;--red-bd:#991b1b;--purple:#a78bfa;--purple-bg:#2e1065;--purple-tx:#c4b5fd;--purple-bd:#6d28d9;--teal:#2dd4bf;--teal-bg:#042f2e;--teal-tx:#99f6e4;--teal-bd:#0f766e;--orange:#fb923c;--orange-bg:#3b1200;--orange-tx:#fdba74;--orange-bd:#c2410c}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx);min-height:100vh}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}#topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--sf);border-bottom:1px solid var(--bd2);position:sticky;top:0;z-index:20}#topbar-brand{display:flex;align-items:center;gap:10px}#topbar-brand .logo{width:32px;height:32px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center}#topbar-brand .logo i{color:#fff;font-size:18px}#topbar-brand span{font-size:16px;font-weight:700;letter-spacing:-.2px}#topbar-brand .sub{font-size:11px;color:var(--tx3);font-weight:400;margin-left:2px}#topbar-right{display:flex;align-items:center;gap:8px}#stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 24px;background:var(--sf);border-bottom:1px solid var(--bd)}.stat-card{border-radius:var(--r2);padding:16px 18px;border:1px solid var(--bd);background:var(--sf2);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.stat-card.green:before{background:var(--green)}.stat-card.blue:before{background:var(--blue)}.stat-card.amber:before{background:var(--amber)}.stat-card.purple:before{background:var(--purple)}.stat-label{font-size:11px;color:var(--tx3);font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;line-height:1}.stat-card.green .stat-value{color:var(--green)}.stat-card.blue .stat-value{color:var(--blue)}.stat-card.amber .stat-value{color:var(--amber)}.stat-card.purple .stat-value{color:var(--purple)}.stat-sub{font-size:11px;color:var(--tx3);margin-top:5px}#toolbar{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--sf);border-bottom:1px solid var(--bd);flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:220px}.search-wrap i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:16px;pointer-events:none}#search{width:100%;height:36px;border:1px solid var(--bd2);border-radius:var(--r);padding:0 12px 0 34px;background:var(--sf2);color:var(--tx);font-size:13px}#search:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}select.flt{height:36px;border:1px solid var(--bd2);border-radius:var(--r);padding:0 28px 0 10px;background:var(--sf2);color:var(--tx);font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a1a1aa'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--bd2);border-radius:var(--r);background:transparent;color:var(--tx);font-size:13px;font-weight:500;white-space:nowrap;transition:all .12s;position:relative}.btn:hover{background:var(--sf3);border-color:var(--bd3)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{opacity:.9;background:var(--blue)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--sf3)}.btn.sm{height:30px;padding:0 10px;font-size:12px}.btn.xs{height:26px;padding:0 8px;font-size:11px}.btn.icon{width:36px;height:36px;padding:0;justify-content:center}.btn.icon.sm{width:30px;height:30px}.btn[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--tx);color:var(--sf);font-size:11px;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:50}.btn.add-tenant{height:38px;padding:0 18px;font-size:13px;font-weight:600;background:var(--blue);border-color:var(--blue);color:#fff;border-radius:var(--r)}.btn.add-tenant:hover{opacity:.9}#table-wrap{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 220px);background:var(--sf)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:10px 12px;font-weight:700;font-size:10px;color:var(--tx3);text-transform:uppercase;letter-spacing:.8px;background:var(--sf3);border-bottom:1px solid var(--bd2);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;border-right:.5px solid var(--bd)}thead th:last-child{border-right:none;cursor:default}thead th:hover:not(:last-child){color:var(--tx);background:var(--sf4)}thead th.sorted{color:var(--blue);background:var(--blue-bg)}tbody tr{border-bottom:1px solid var(--bd);transition:all .1s;border-left:3px solid transparent}tbody tr:hover{background:var(--sf2);border-left-color:var(--blue)}tbody td{padding:11px 12px;vertical-align:middle;white-space:nowrap;border-right:.5px solid var(--bd)}tbody td:last-child{border-right:none}.tid{display:inline-block;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700;background:var(--sf3);border:1px solid var(--bd2);border-radius:5px;padding:2px 7px;color:var(--tx2);letter-spacing:.3px;white-space:nowrap}.ut{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.ut-studio{background:var(--purple-bg);color:var(--purple-tx);border:1px solid var(--purple-bd)}.ut-1br{background:var(--blue-bg);color:var(--blue-tx);border:1px solid var(--blue-bd)}.ut-2br{background:var(--teal-bg);color:var(--teal-tx);border:1px solid var(--teal-bd)}.ut-3br,.ut-4br{background:var(--green-bg);color:var(--green-tx);border:1px solid var(--green-bd)}.ut-pent{background:var(--purple-bg);color:var(--purple-tx);border:1px solid var(--purple-bd)}.ut-villa{background:var(--amber-bg);color:var(--amber-tx);border:1px solid var(--amber-bd)}.ut-shop,.ut-office{background:var(--orange-bg);color:var(--orange-tx);border:1px solid var(--orange-bd)}.ut-retail{background:var(--amber-bg);color:var(--amber-tx);border:1px solid var(--amber-bd)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-green{background:var(--green-bg);color:var(--green-tx);border:1px solid var(--green-bd)}.badge-gray{background:var(--sf3);color:var(--tx3);border:1px solid var(--bd2)}.badge-blue{background:var(--blue-bg);color:var(--blue-tx);border:1px solid var(--blue-bd)}.badge-amber{background:var(--amber-bg);color:var(--amber-tx);border:1px solid var(--amber-bd)}.badge-red{background:var(--red-bg);color:var(--red-tx);border:1px solid var(--red-bd)}.badge-purple{background:var(--purple-bg);color:var(--purple-tx);border:1px solid var(--purple-bd)}.badge-teal{background:var(--teal-bg);color:var(--teal-tx);border:1px solid var(--teal-bd)}.tag-unit{display:inline-block;background:var(--sf3);border:1px solid var(--bd2);color:var(--tx2);padding:1px 7px;border-radius:5px;font-size:11px;font-weight:600;font-family:Courier New,monospace}#pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--sf);border-top:1px solid var(--bd)}#page-info{font-size:12px;color:var(--tx3)}#page-btns{display:flex;gap:4px}.empty-state{padding:64px 20px;text-align:center;background:var(--sf)}.empty-state-icon{width:72px;height:72px;background:var(--sf3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.empty-state-icon i{font-size:36px;color:var(--tx3)}.empty-state h3{font-size:17px;font-weight:600;margin-bottom:8px}.empty-state p{font-size:13px;color:var(--tx3);margin-bottom:20px}#overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;overflow-y:auto;padding:24px 16px}#overlay.open{display:flex;align-items:flex-start;justify-content:center}#modal{background:var(--sf);border-radius:var(--r2);width:100%;max-width:860px;border:1px solid var(--bd2);display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden}#modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--bd);background:var(--sf);flex-shrink:0}#modal-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}#modal-tabs{display:flex;border-bottom:1px solid var(--bd);background:var(--sf2);padding:0 22px;flex-shrink:0}.mtab{padding:12px 20px;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--tx3);font-weight:600;transition:color .12s;letter-spacing:.1px}.mtab:hover{color:var(--tx)}.mtab.on{color:var(--blue);border-bottom-color:var(--blue)}#modal-body{flex:1;overflow-y:auto;overflow-x:hidden}#modal-footer{flex-shrink:0}.fg{display:grid;gap:14px;padding:22px}.fg.c2{grid-template-columns:1fr 1fr}.fg.c3{grid-template-columns:1fr 1fr 1fr}.fg.c1{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:10px;color:var(--tx3);font-weight:700;text-transform:uppercase;letter-spacing:.7px}.field input,.field select,.field textarea{height:38px;padding:0 11px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf2);color:var(--tx);font-size:13px}.field textarea{height:80px;padding:9px 11px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.field input[readonly]{background:var(--sf3);color:var(--tx2);cursor:default}.form-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid var(--bd);background:var(--sf);flex-shrink:0}.tid-display{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--sf3);border:1px solid var(--bd2);border-radius:var(--r);margin:0 22px}.tid-display .tid-code{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:var(--blue);letter-spacing:.5px}.tid-display .tid-label{font-size:11px;color:var(--tx3);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.docs-wrap{padding:22px}#rtl-wrap{flex-shrink:0}.rtl{display:flex;align-items:center;gap:8px;padding:0 22px;border-bottom:1px solid var(--bd);background:var(--sf2);overflow-x:auto;flex-shrink:0}.rtl-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--tx3);white-space:nowrap;transition:color .12s;letter-spacing:.2px}.rtl-tab:hover{color:var(--tx)}.rtl-tab.on{color:var(--blue);border-bottom-color:var(--blue)}.rtl-tab .rtl-dot{width:8px;height:8px;border-radius:50%;background:var(--tx3);flex-shrink:0}.rtl-tab.on .rtl-dot{background:var(--blue)}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.folder-card{background:var(--sf2);border:1px solid var(--bd2);border-radius:var(--r2);padding:18px 16px;cursor:pointer;transition:all .14s;display:flex;flex-direction:column;gap:8px;position:relative}.folder-card:hover{border-color:var(--blue);background:var(--blue-bg);transform:translateY(-1px)}.folder-card.has-files{border-color:var(--green-bd);background:var(--green-bg)}.folder-card.has-files:hover{border-color:var(--green);background:var(--green-bg)}.folder-card-icon{font-size:30px}.folder-card.has-files .folder-card-icon{color:var(--green)}.folder-card:not(.has-files) .folder-card-icon{color:var(--tx3)}.folder-card:hover .folder-card-icon{color:var(--blue)}.folder-card.has-files:hover .folder-card-icon{color:var(--green)}.folder-card-name{font-size:13px;font-weight:600}.folder-card-badge{position:absolute;top:10px;right:10px}.folder-card-badge span{display:inline-block;min-width:20px;height:20px;border-radius:10px;font-size:10px;font-weight:700;text-align:center;line-height:20px;padding:0 5px}.folder-card.has-files .folder-card-badge span{background:var(--green);color:#fff}.folder-card:not(.has-files) .folder-card-badge span{background:var(--sf4);color:var(--tx3)}.folder-view{padding:22px}.fv-hdr{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--bd)}.fv-title{font-size:15px;font-weight:700;flex:1;display:flex;align-items:center;gap:8px}.fv-title i{font-size:20px;color:var(--amber)}.file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-height:10px}.file-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--sf2);border:1px solid var(--bd);border-radius:var(--r2);transition:border-color .1s}.file-card:hover{border-color:var(--bd2)}.file-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--bd);flex-shrink:0}.file-ico{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--bd)}.file-ico.pdf{background:var(--red-bg)}.file-ico.pdf i{color:var(--red-tx);font-size:22px}.file-ico.img{background:var(--blue-bg)}.file-ico.img i{color:var(--blue-tx);font-size:22px}.file-ico.other{background:var(--sf3)}.file-ico.other i{color:var(--tx3);font-size:22px}.file-meta{flex:1;min-width:0}.file-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.file-info{font-size:11px;color:var(--tx3);display:flex;align-items:center;gap:10px}.file-acts{display:flex;gap:4px;flex-shrink:0}.dz{border:2px dashed var(--bd2);border-radius:var(--r2);padding:36px 20px;text-align:center;cursor:pointer;transition:all .14s;background:transparent;display:block}.dz:hover,.dz.over{border-color:var(--blue);background:var(--blue-bg)}.dz i{font-size:36px;color:var(--tx3);display:block;margin-bottom:10px;transition:color .14s}.dz:hover i,.dz.over i{color:var(--blue)}.dz p{font-size:14px;font-weight:500;color:var(--tx2);margin-bottom:5px}.dz small{font-size:11px;color:var(--tx3)}.dz input{display:none}.act-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:6px}.act-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 12px;border-radius:var(--r2);border:none;font-size:14px;font-weight:700;cursor:pointer;min-height:100px;transition:opacity .12s,transform .1s;letter-spacing:.1px}.act-btn:hover{opacity:.88;transform:translateY(-2px)}.act-btn:active{transform:scale(.97)}.act-btn i{font-size:28px}.act-btn.green{background:var(--green);color:#fff}.act-btn.amber{background:var(--amber);color:#fff}.act-btn.red{background:var(--red);color:#fff}.sec-panel{padding:22px}.sec-hdr{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--bd)}.sec-ico{width:44px;height:44px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sec-ico.green{background:var(--green-bg)}.sec-ico.green i{color:var(--green);font-size:22px}.sec-ico.amber{background:var(--amber-bg)}.sec-ico.amber i{color:var(--amber);font-size:22px}.sec-ico.red{background:var(--red-bg)}.sec-ico.red i{color:var(--red);font-size:22px}.sec-ttl{font-size:16px;font-weight:700}.sec-sub{font-size:12px;color:var(--tx3);margin-top:2px}.renewal-fields{background:var(--sf2);border:1px solid var(--bd);border-radius:var(--r2);padding:18px;margin-bottom:22px}.rf-title{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px;display:flex;align-items:center;gap:6px}.remarks-wrap{margin-top:24px;padding-top:20px;border-top:1px solid var(--bd)}.remarks-hdr{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.remark-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.remark-item{background:var(--sf2);border:1px solid var(--bd);border-radius:var(--r2);padding:13px 15px;border-left:3px solid var(--blue)}.remark-txt{font-size:13px;color:var(--tx);white-space:pre-wrap;word-break:break-word;line-height:1.6}.remark-ts{font-size:10px;color:var(--tx3);margin-top:6px;display:flex;align-items:center;gap:4px;font-weight:600;letter-spacing:.3px}.remark-empty{font-size:13px;color:var(--tx3);padding:8px 0}.remarks-add{display:flex;flex-direction:column;gap:8px}.remarks-add textarea{width:100%;height:84px;padding:11px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf2);color:var(--tx);font-size:13px;resize:vertical}.remarks-add textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.lock-note{font-size:11px;color:var(--tx3);display:flex;align-items:center;gap:4px}.section-label{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.divider{height:1px;background:var(--bd);margin:18px 0}#toast{position:fixed;bottom:24px;right:24px;background:var(--tx);color:var(--sf);padding:10px 16px;border-radius:var(--r);font-size:13px;font-weight:600;z-index:999;opacity:0;transition:opacity .2s;pointer-events:none;display:flex;align-items:center;gap:8px}#toast.show{opacity:1}.cell-name{font-weight:600}.cell-rental{font-weight:700;color:var(--green-tx)}.cell-muted{color:var(--tx2);font-size:12px}@media (max-width:640px){#stats,.folder-grid{grid-template-columns:1fr 1fr}.act-btns,.fg.c2,.fg.c3{grid-template-columns:1fr}}.sb-sidebar{position:sticky;top:0;height:100vh;flex-shrink:0;background:var(--sf);border-right:1px solid var(--bd2);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease;z-index:30}.sb-header{display:flex;align-items:center;gap:10px;padding:0 10px;height:56px;flex-shrink:0;border-bottom:1px solid var(--bd2)}.sb-logo{width:32px;height:32px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.sb-brand{font-size:14px;font-weight:700;color:var(--tx);flex:1;white-space:nowrap;overflow:hidden}.sb-toggle{flex-shrink:0;margin-left:auto}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.sb-section-label{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.8px;padding:12px 16px 4px;white-space:nowrap}.sb-nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:1px 8px;border-radius:8px;cursor:pointer;color:var(--tx2);border-left:3px solid transparent;transition:background .1s,color .1s;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.sb-nav-item:hover{background:var(--sf2);color:var(--tx)}.sb-nav-item.active{background:var(--blue-bg);color:var(--blue);border-left-color:var(--blue)}.sb-nav-item i{font-size:19px;flex-shrink:0}.sb-nav-label{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-nav-item[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);background:var(--tx);color:var(--sf);font-size:11px;padding:4px 9px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:200;box-shadow:0 2px 8px #0003}.sb-user{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--bd2);flex-shrink:0}.sb-bottom{border-top:1px solid var(--bd2);padding:8px 0;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px}.modal-box{background:var(--sf);border-radius:var(--r2);width:100%;max-width:860px;border:1px solid var(--bd2);display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;margin:auto}.modal-box.sm{max-width:520px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--bd);background:var(--sf);flex-shrink:0}.modal-header h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0}.modal-tabs{display:flex;border-bottom:1px solid var(--bd);background:var(--sf2);padding:0 22px;flex-shrink:0}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid var(--bd);background:var(--sf);flex-shrink:0}.sb-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.sb-user-info{overflow:hidden;flex:1;min-width:0}.sb-username{font-size:13px;font-weight:600;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-role{font-size:11px;color:var(--tx3);white-space:nowrap;margin-top:1px}.sb-fab{display:none}@media (max-width:768px){.sb-sidebar{position:fixed;height:100vh;top:0;left:0;transform:translate(-100%);transition:transform .2s ease,width 0s;width:240px!important;z-index:30}.sb-sidebar.sb-mobile-open{transform:translate(0)}.sb-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;left:16px;width:46px;height:46px;background:var(--blue);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 16px #2563eb66;z-index:28;font-size:22px;cursor:pointer}}