*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;background:#f0f2f5;color:#1a1a2e;height:100vh;flex-direction:column;overflow:hidden}body,header{display:flex}header{background:#1a1a2e;color:#fff;padding:0 24px;height:56px;align-items:center;gap:12px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.3)}header h1{font-size:18px;font-weight:700;letter-spacing:-.3px}header span{font-size:12px;color:#8892b0}.layout{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.app-tab-nav{display:flex;background:#fff;border-bottom:2px solid #e2e8f0;flex-shrink:0;padding:0 24px;gap:0;align-items:center}.app-tab-btn{padding:14px 22px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.app-tab-btn:hover{color:#1e293b}.app-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.app-tab-content,.file-list-tab{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.file-list-tab{background:#f8fafc}.file-list-tab-toolbar{padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.file-list-tab-toolbar h2{font-size:15px;font-weight:700;color:#1e293b;min-width:0}.file-list-count{font-weight:600;color:#64748b}.file-list-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex:1 1;justify-content:flex-end;min-width:0}.file-list-search-wrap{position:relative;flex:1 1;min-width:160px;max-width:320px}.file-list-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.file-list-search-input{width:100%;box-sizing:border-box;padding:8px 12px 8px 38px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#f8fafc}.file-list-search-input:focus{outline:none;border-color:#94a3b8;background:#fff}.file-list-search-input::placeholder{color:#94a3b8}.add-book-dialog-btn{padding:8px 16px;background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.add-book-dialog-btn:hover{background:#f1f5f9;border-color:#94a3b8}.file-list-clear-search{margin-top:8px;padding:6px 14px;font-size:13px;font-weight:600;color:#2563eb;background:none;border:none;cursor:pointer;text-decoration:underline}.file-list-clear-search:hover{color:#1d4ed8}.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:24px}.modal-dialog{width:100%;max-width:400px;background:#fff;border-radius:14px;padding:22px 24px 20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-dialog-title{margin:0 0 6px;font-size:17px;font-weight:700;color:#0f172a}.modal-dialog-desc{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.45}.modal-dialog-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;color:#1e293b;margin-bottom:18px}.modal-dialog-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.modal-dialog-input:disabled{opacity:.65}.modal-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.modal-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.modal-btn.secondary{background:#fff;border-color:#e2e8f0;color:#475569}.modal-btn.secondary:hover:not(:disabled){background:#f8fafc}.modal-btn.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.modal-btn.primary:hover:not(:disabled){background:#2563eb}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.upload-btn:hover{background:#2563eb}.upload-btn svg{flex-shrink:0}.file-cards{flex:1 1;overflow-y:auto;padding:20px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px;align-content:start}.file-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;transition:box-shadow .15s}.file-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.08)}.file-card-clickable{cursor:pointer;text-align:left}.file-card-clickable:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.file-card-icon{width:44px;height:44px;background:#dcfce7;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.file-card-info{flex:1 1;min-width:0}.file-card-name{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file-card-meta{font-size:12px;color:#64748b}.file-card-dropdown-root{position:relative;flex-shrink:0}.file-card-menu-btn{width:32px;height:32px;padding:0;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.file-card-menu-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.file-card-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;padding:6px 0;list-style:none;margin-left:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px rgba(15,23,42,.12);z-index:50}.file-card-dropdown-item{display:block;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;font-weight:500;color:#334155;text-align:left;cursor:pointer;transition:background .1s}.file-card-dropdown-item:hover{background:#f8fafc}.file-card-dropdown-item.danger{color:#dc2626}.file-card-dropdown-item.danger:hover{background:#fef2f2}.book-selector-bar{display:flex;align-items:center;gap:10px;padding:10px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.book-selector-bar label{font-size:13px;font-weight:600;color:#64748b;white-space:nowrap}.book-selector{padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;background:#f8fafc;cursor:pointer;min-width:220px;font-weight:500}.book-selector:focus{outline:2px solid #3b82f6}.book-selector-combo{position:relative;min-width:220px}.book-selector-trigger{display:flex;align-items:center;gap:6px;padding:7px 10px 7px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;background:#f8fafc;cursor:pointer;width:100%;font-weight:500;text-align:left}.book-selector-trigger:hover{border-color:#94a3b8;background:#f1f5f9}.book-selector-trigger:focus{outline:2px solid #3b82f6}.book-selector-trigger-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-selector-search-wrap{display:flex;align-items:center;gap:6px;padding:4px 8px;border:2px solid #3b82f6;border-radius:8px;background:#fff;width:100%;box-sizing:border-box}.book-selector-search-icon{flex-shrink:0;color:#94a3b8}.book-selector-input{flex:1 1;border:none;outline:none;font-size:13px;color:#1e293b;background:transparent;min-width:0;padding:3px 0}.book-selector-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:#94a3b8;font-size:12px;padding:2px 4px;line-height:1;border-radius:4px}.book-selector-close:hover{color:#64748b;background:#f1f5f9}.book-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:260px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:200;max-height:280px;overflow-y:auto;padding:4px}.book-selector-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:none;background:none;cursor:pointer;font-size:13px;color:#334155;border-radius:6px;text-align:left}.book-selector-option:hover{background:#f1f5f9}.book-selector-option.selected{background:#eff6ff;color:#1d4ed8;font-weight:600}.book-selector-option-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-selector-empty{padding:10px 12px;font-size:13px;color:#94a3b8;text-align:center}.file-list{flex:1 1;overflow-y:auto;padding:8px}.file-list:empty:after{content:"파일을 추가해주세요";display:block;text-align:center;color:#94a3b8;font-size:13px;padding:24px 0}.file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .12s;position:relative}.file-item:hover{background:#f1f5f9}.file-item.active{background:#eff6ff}.file-icon{width:32px;height:32px;background:#dcfce7;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.file-info{flex:1 1;min-width:0}.file-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item.active .file-name{color:#2563eb}.file-size{font-size:11px;color:#94a3b8;margin-top:2px}.file-remove{width:20px;height:20px;background:none;border:none;color:#cbd5e1;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,color .12s;flex-shrink:0}.file-item:hover .file-remove{opacity:1}.file-remove:hover{color:#ef4444}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.main-header{padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.main-title{font-size:16px;font-weight:600;color:#1e293b}.main-subtitle{font-size:13px;color:#64748b;margin-top:2px}.badge{background:#eff6ff;color:#2563eb;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.summary-bar{display:flex;gap:12px;padding:12px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;overflow-x:auto}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;min-width:120px;flex-shrink:0}.summary-card .label{font-size:11px;color:#64748b;margin-bottom:4px}.summary-card .value{font-size:18px;font-weight:700;color:#1e293b}.summary-card .value.blue{color:#2563eb}.summary-card .value.green{color:#16a34a}.summary-card .value.red{color:#dc2626}.summary-card-hint{font-size:11px;font-weight:600;color:#64748b;margin-top:4px;line-height:1.35}.contract-meta-section{padding:14px 24px 16px;background:linear-gradient(180deg,#fff7ed,#fff 48%);border-bottom:1px solid #fed7aa;flex-shrink:0}.contract-meta-section-collapsed{padding-bottom:12px}.contract-meta-section-collapsed .contract-meta-header{margin-bottom:4px}.contract-meta-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.contract-meta-collapse-toggle{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:2px 4px 2px 0;margin:-2px 0;background:none;border:none;border-radius:6px;cursor:pointer;color:inherit;font:inherit;text-align:left}.contract-meta-collapse-toggle:hover{opacity:.88}.contract-meta-collapse-toggle:focus-visible{outline:2px solid #ea580c;outline-offset:2px}.contract-meta-chevron{flex-shrink:0;color:#c2410c;transition:transform .15s ease}.contract-meta-chevron-open{transform:rotate(90deg)}.contract-meta-title{font-size:12px;font-weight:700;color:#9a3412;text-transform:uppercase;letter-spacing:.4px;margin:0}.contract-meta-toggle-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;font-size:12px;font-weight:600;color:#9a3412;cursor:pointer;transition:background .15s,border-color .15s}.contract-meta-toggle-btn:hover{background:#ffedd5;border-color:#fdba74}.contract-meta-section-collapsed .contract-meta-toggle-btn{margin-top:0}.contract-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px 16px;gap:10px 16px}@media (max-width:1100px){.contract-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.contract-meta-grid{grid-template-columns:1fr}}.contract-meta-field{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.contract-meta-label{font-size:11px;font-weight:600;color:#c2410c;background:#ffedd5;padding:4px 8px;border-radius:4px;width:-moz-fit-content;width:fit-content;max-width:100%}.contract-meta-input{width:100%;box-sizing:border-box;padding:7px 10px;font-size:13px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b}.contract-meta-input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 2px rgba(234,88,12,.12)}.meta-section{padding:12px 24px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;flex-shrink:0}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px}.meta-label{color:#64748b;font-weight:500}.meta-value{color:#1e293b;font-weight:600}.author-section{padding:12px 24px;background:#fafafa;border-bottom:1px solid #e2e8f0;flex-shrink:0}.author-section-collapsed{padding-bottom:10px}.author-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.author-section-collapsed .author-section-header{margin-bottom:4px}.author-collapse-toggle{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:2px 4px 2px 0;margin:-2px 0;background:none;border:none;border-radius:6px;cursor:pointer;color:inherit;font:inherit;text-align:left}.author-collapse-toggle:hover{opacity:.82}.author-collapse-chevron{flex-shrink:0;color:#475569;transition:transform .15s ease}.author-collapse-chevron-open{transform:rotate(90deg)}.author-section-title{font-size:12px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px}.author-section-collapsed .author-toggle-btn{margin-top:0}.author-table{border-collapse:collapse;font-size:12px;width:auto}.author-table th{background:#334155;color:#f1f5f9;padding:7px 12px;text-align:left;font-weight:600;white-space:nowrap;border-right:1px solid #475569}.author-table th:last-child{border-right:none}.author-table td{padding:6px 12px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;white-space:nowrap;color:#334155}.author-table td:last-child{border-right:none}.author-table tbody tr:hover{background:#f8fafc}.author-table tbody tr:last-child td{border-bottom:none}.author-affiliation{display:block;font-size:11px;color:#94a3b8;margin-top:2px}.author-toggle-btn{display:flex;align-items:center;gap:5px;margin-top:6px;padding:5px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:background .15s}.author-toggle-btn:hover{background:#f1f5f9}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-header-row h3{margin-bottom:0}.section-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.add-row-btn{padding:5px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:1px dashed #94a3b8;background:#f8fafc;color:#475569;transition:background .15s,border-color .15s}.add-row-btn:hover{background:#f1f5f9;border-color:#64748b;color:#334155}.section-header-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.section-bar-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.section-save-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;transition:all .15s}.section-save-btn:disabled{opacity:.55;cursor:not-allowed}.section-save-btn.dirty{border-color:#2563eb;background:#eff6ff;color:#2563eb}.section-save-btn.dirty:hover:not(:disabled){background:#dbeafe}.section-save-btn.saved{border-color:#16a34a;background:#f0fdf4;color:#16a34a}.records-section{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.cell-input{display:block;width:100%;border:1px solid transparent;background:transparent;padding:2px 4px;margin:-2px -4px;font:inherit;color:inherit;outline:none;border-radius:4px;transition:background .1s,border-color .12s;min-width:40px}.cell-input:hover{border-color:#cbd5e1;background:rgba(255,255,255,.7)}.cell-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}.table-editable tbody tr:hover{background:#f8fafc}.table-editable tbody tr.record-row-ctx{cursor:context-menu}.table-editable tbody td{padding:6px 14px}.record-ctx-backdrop{position:fixed;inset:0;z-index:1040;background:transparent}.record-ctx-menu{position:fixed;z-index:1050;min-width:240px;max-width:min(320px,calc(100vw - 16px));padding:6px 0;margin:0;list-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 40px rgba(15,23,42,.14)}.record-ctx-item{display:block;width:100%;box-sizing:border-box;padding:9px 16px;border:none;background:none;font-size:13px;font-weight:500;color:#334155;text-align:left;cursor:pointer;transition:background .1s}.record-ctx-item:hover{background:#f1f5f9}.record-ctx-item.record-ctx-danger{color:#dc2626}.record-ctx-item.record-ctx-danger:hover{background:#fef2f2}.record-ctx-sep{height:1px;margin:6px 10px;background:#e2e8f0;border:none}.td-formula{background:#f0f7ff}.cell-input-formula{color:#2563eb}.cell-input-formula:not(:focus){background:transparent}.th-formula{background:#1a2d45!important}.th-formula-badge{display:inline-block;font-size:9px;font-weight:700;background:#3b82f6;color:#fff;border-radius:3px;padding:1px 4px;margin-left:4px;vertical-align:middle;letter-spacing:0}.royalty-load-more-row .royalty-load-more-cell{text-align:center;padding:12px 16px!important;font-size:12px;font-weight:600;color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0}.table-container{flex:1 1;overflow:auto;padding:0}table{width:auto;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px;white-space:nowrap;table-layout:auto}thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}thead,thead tr{background:#1e293b}thead tr{color:#f8fafc}thead th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;letter-spacing:.3px;border-right:1px solid #334155;position:relative;overflow:hidden;white-space:nowrap}thead th:last-child{border-right:none}.col-resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:2}.col-resize-handle:hover,.col-resizing .col-resize-handle{background:rgba(96,165,250,.5)}.col-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}tbody td,thead th .th-label{overflow:hidden;text-overflow:ellipsis}thead th.th-sortable{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:10px;padding-right:12px}thead th.th-sortable:hover{background:#263549}thead th.th-sorted{background:#1d3a5c;color:#93c5fd}thead th .th-head-inner{display:flex;align-items:center;gap:2px;min-width:0;padding-right:2px}thead th .th-sort-hit{flex:1 1;min-width:0;display:inline-flex;align-items:center;flex-wrap:nowrap;gap:4px;border:none;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:12px;letter-spacing:.3px;cursor:pointer;text-align:left;padding:0}thead th .th-sort-hit .th-label,thead th .th-sort-hit-static{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}thead th .th-sort-hit-static{font-weight:600}thead th .th-filter-btn{flex-shrink:0;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:rgba(255,255,255,.1);color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center}thead th .th-filter-btn:hover{background:rgba(96,165,250,.4);color:#fff}thead th.th-filter-active{box-shadow:inset 0 -2px 0 #60a5fa}thead th.th-filter-active .th-filter-btn{color:#bfdbfe;background:rgba(96,165,250,.28)}thead th .th-sort-icon{display:inline-block;margin-left:2px;font-size:10px;opacity:.45;vertical-align:middle;line-height:1;flex-shrink:0}thead th.th-sorted .th-sort-icon{opacity:1;color:#60a5fa}.royalty-filter-popover{width:280px;max-height:min(420px,72vh);display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 40px rgba(15,23,42,.18);overflow:hidden}.royalty-filter-popover-title{padding:10px 12px;font-weight:700;font-size:13px;color:#1e293b;border-bottom:1px solid #f1f5f9}.royalty-filter-search{margin:8px 10px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;width:calc(100% - 20px);box-sizing:border-box}.royalty-filter-search:focus{outline:2px solid #3b82f6}.royalty-filter-popover-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 8px;border-bottom:1px solid #f1f5f9}.royalty-filter-action{font-size:11px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:5px;background:#f8fafc;cursor:pointer;color:#475569}.royalty-filter-action:hover{background:#e2e8f0}.royalty-filter-list{overflow-y:auto;flex:1 1;min-height:72px;max-height:260px;padding:6px 4px 10px}.royalty-filter-row{display:flex;align-items:center;gap:8px;padding:5px 8px;font-size:13px;color:#334155;cursor:pointer;border-radius:4px}.royalty-filter-row:hover{background:#f1f5f9}.royalty-filter-row-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.royalty-filter-empty{padding:16px;text-align:center;font-size:13px;color:#94a3b8}.records-filter-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#eff6ff;border-bottom:1px solid #bfdbfe;font-size:13px;color:#1e40af}.records-filter-clear-all{font-size:12px;padding:5px 10px;border-radius:6px;border:1px solid #93c5fd;background:#fff;color:#1d4ed8;cursor:pointer;white-space:nowrap}.records-filter-clear-all:hover{background:#dbeafe}.records-filter-count{font-weight:500;color:#2563eb}tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}tbody tr:hover{background:#f8fafc}tbody tr.group-start{border-top:2px solid #e2e8f0}tbody td{padding:9px 16px;color:#334155;border-right:1px solid #f1f5f9}tbody td:last-child{border-right:none}.td-year{font-weight:700;color:#1e293b}.td-name{font-weight:600;color:#1e293b}.td-number{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.td-amount{text-align:right;font-weight:600;color:#1e293b}.td-pay{text-align:right;font-weight:700;color:#2563eb}.td-rate{text-align:right;color:#7c3aed}.td-note{color:#64748b;font-size:12px}.td-statement-sent,.th-statement-sent{font-size:12px;color:#64748b;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.th-statement-sent{font-weight:600}.empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#94a3b8}.empty-state svg{opacity:.3}.empty-state p{font-size:15px;font-weight:500}.empty-state small{font-size:13px;color:#cbd5e1}.loading{flex:1 1;display:flex;align-items:center;justify-content:center;gap:12px;color:#64748b;font-size:14px}.spinner{width:20px;height:20px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tab-nav{display:flex;gap:0;background:#fff;border-bottom:2px solid #e2e8f0;flex-shrink:0;padding:0 24px}.tab-btn{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.tab-btn:hover{color:#1e293b}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.tab-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.stmt-tab-toolbar{display:flex;align-items:center;gap:10px;padding:10px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;flex-wrap:wrap}.stmt-tab-toolbar label{font-size:13px;font-weight:600;color:#64748b}.stmt-tab-toolbar select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;cursor:pointer}.stmt-tab-actions{margin-left:auto;display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#334155;transition:background .12s}.action-btn:hover{background:#f1f5f9}.action-btn.primary{background:#1e293b;color:#fff;border-color:#1e293b}.action-btn.primary:hover{background:#334155}.action-btn:disabled{opacity:.4;cursor:not-allowed}.stmt-tab-body{flex:1 1;display:flex;overflow:hidden}.stmt-list-panel{width:280px;flex-shrink:0;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;background:#fff}.stmt-list-panel h3{padding:10px 16px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.stmt-person-list{flex:1 1;overflow-y:auto;padding:6px}.stmt-person-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .12s}.stmt-person-item:hover{background:#f1f5f9}.stmt-person-item.active{background:#eff6ff}.stmt-person-item input[type=checkbox]{margin-top:2px;accent-color:#2563eb;flex-shrink:0}.stmt-person-info{flex:1 1;min-width:0}.stmt-person-name{font-size:14px;font-weight:700;color:#1e293b}.stmt-person-item.active .stmt-person-name{color:#2563eb}.stmt-person-meta{font-size:11px;color:#64748b;margin-top:2px}.stmt-person-amount{font-size:12px;font-weight:700;color:#2563eb;margin-top:2px}.stmt-preview-panel{flex:1 1;overflow-y:auto;padding:20px;background:#f0f2f5}.stmt-preview-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#94a3b8}.history-tab-layout,.mail-history-panel{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.mail-history-panel{padding:16px 24px 24px}.mail-history-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-shrink:0}.mail-history-title{margin:0 0 6px;font-size:17px;font-weight:700;color:#1e293b}.mail-history-desc{margin:0;font-size:12px;color:#64748b;line-height:1.5;max-width:52rem}.mail-history-refresh{padding:8px 16px;font-size:13px;font-weight:600;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;flex-shrink:0}.mail-history-refresh:hover:not(:disabled){background:#f8fafc}.mail-history-refresh:disabled{opacity:.6;cursor:not-allowed}.mail-history-error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;margin-bottom:12px}.mail-history-table-wrap{flex:1 1;min-height:0;overflow:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.mail-history-table{width:100%;border-collapse:collapse;font-size:12px}.mail-history-table th{position:-webkit-sticky;position:sticky;top:0;background:#f1f5f9;color:#475569;font-weight:700;text-align:left;padding:10px 12px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.mail-history-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:top}.mail-history-table tbody tr:hover{background:#fafafa}.mail-history-nowrap{white-space:nowrap}.mail-history-email{word-break:break-all;max-width:200px}.mail-history-subject{max-width:220px;word-break:break-word}.mail-history-status{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.mail-history-status-sent{color:#15803d;background:#dcfce7}.mail-history-status-failed{color:#b91c1c;background:#fee2e2}.mail-history-note{font-size:11px;color:#64748b;max-width:200px;word-break:break-word}.mail-history-pmid{font-size:10px;background:#f1f5f9;padding:2px 5px;border-radius:4px}.mail-history-more{margin:10px 12px 12px;font-size:12px;color:#64748b}.history-placeholder{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#94a3b8;min-height:200px}.badge-saved{font-weight:600;color:#16a34a;background:#dcfce7;border-radius:4px;padding:1px 5px;vertical-align:middle}.badge-saved,.badge-saving{display:inline-block;font-size:10px;margin-left:4px}.badge-saving{color:#64748b}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#eff6ff}tbody tr.clickable.selected{background:#dbeafe}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:100;opacity:0;pointer-events:none;transition:opacity .25s}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{position:fixed;top:0;right:0;width:460px;height:100%;background:#fff;z-index:101;display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.15);transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1e293b;color:#f8fafc;flex-shrink:0}.drawer-header h2{font-size:15px;font-weight:700}.drawer-header span{font-size:12px;color:#94a3b8;margin-top:2px;display:block}.drawer-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s}.drawer-close:hover{color:#f8fafc}.drawer-body{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.stmt-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.stmt-section-title{background:#334155;color:#f1f5f9;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:8px 14px}.stmt-kv-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.stmt-kv{padding:10px 14px;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.stmt-kv:nth-child(2n){border-right:none}.stmt-kv:nth-last-child(-n+2){border-bottom:none}.stmt-kv .k{font-size:11px;color:#64748b;margin-bottom:3px}.stmt-kv .v{font-size:13px;font-weight:600;color:#1e293b}.stmt-totals{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stmt-total-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.stmt-total-card .k{font-size:11px;color:#64748b;margin-bottom:4px}.stmt-total-card .v{font-size:20px;font-weight:800;color:#1e293b}.stmt-total-card.blue{border-color:#bfdbfe;background:#eff6ff}.stmt-total-card.blue .v{color:#1d4ed8}.stmt-total-card.red .v{color:#dc2626}.stmt-history-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.stmt-history-table thead tr{background:#334155;color:#f1f5f9}.stmt-history-table th{padding:8px 10px;text-align:left;font-weight:600;border-right:1px solid #475569;white-space:nowrap}.stmt-history-table th:last-child{border-right:none}.stmt-history-table td{padding:7px 10px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;color:#334155;white-space:nowrap}.stmt-history-table td:last-child{border-right:none}.stmt-history-table tbody tr:last-child td{border-bottom:none}.stmt-history-table tbody tr:hover{background:#f8fafc}.stmt-history-table .num{text-align:right}.stmt-history-table .pay{text-align:right;font-weight:700;color:#2563eb}.mail-settings-tab{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.mail-settings-header{padding:16px 28px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mail-settings-header h2{font-size:15px;font-weight:700;color:#1e293b}.mail-save-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#2563eb;color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.mail-save-btn:hover{background:#1d4ed8}.mail-save-btn.saved{background:#16a34a}.mail-save-btn:active{transform:scale(.97)}.mail-settings-body{flex:1 1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px}.mail-settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.mail-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e293b;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.mail-field-group{display:flex;flex-direction:column;gap:6px}.mail-field-label{font-size:12px;font-weight:600;color:#475569}.mail-field-hint{font-weight:400;color:#94a3b8;font-size:11px}.mail-field-input{width:100%;max-width:520px;padding:9px 12px;border:1px solid #d1d5db;border-radius:7px;font-size:13px;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .15s}.mail-field-input:focus{border-color:#2563eb;background:#fff}.mail-field-textarea{width:100%;max-width:520px;padding:9px 12px;border:1px solid #d1d5db;border-radius:7px;font-size:13px;color:#1e293b;background:#f8fafc;outline:none;resize:vertical;line-height:1.6;font-family:inherit;transition:border-color .15s}.mail-field-textarea:focus{border-color:#2563eb;background:#fff}.mail-logo-area{margin-top:2px}.mail-logo-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:200px;height:130px;border:2px dashed #cbd5e1;border-radius:10px;background:#f8fafc;cursor:pointer;color:#64748b;font-size:12px;transition:border-color .15s,background .15s}.mail-logo-upload-btn:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.mail-logo-upload-btn small{color:#94a3b8;font-size:11px}.mail-logo-preview-wrap{display:flex;align-items:flex-start;gap:16px}.mail-logo-preview{max-width:180px;max-height:90px;object-fit:contain;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:8px}.mail-logo-actions{display:flex;flex-direction:column;gap:6px}.mail-logo-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid;transition:background .15s}.mail-logo-btn.replace{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.mail-logo-btn.replace:hover{background:#dbeafe}.mail-logo-btn.remove{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.mail-logo-btn.remove:hover{background:#ffe4e6}.gmail-info-box{display:flex;gap:8px;align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 14px;font-size:12px;color:#1e40af;line-height:1.7}.gmail-link{color:#1d4ed8;font-weight:600;text-decoration:underline}.gmail-link:hover{color:#1e40af}.gmail-setup-steps{margin:8px 0 0 16px;padding:0;display:flex;flex-direction:column;gap:5px}.gmail-redirect-uri{display:flex;align-items:center;gap:6px;margin-top:4px;background:#dbeafe;border-radius:5px;padding:5px 10px}.gmail-redirect-uri code{font-family:Menlo,Consolas,monospace;font-size:11px;color:#1e3a8a;flex:1 1}.gmail-copy-btn{background:none;border:none;cursor:pointer;color:#3b82f6;padding:2px;display:flex;align-items:center;border-radius:3px;flex-shrink:0}.gmail-copy-btn:hover{background:#bfdbfe}.pm-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;margin-left:6px}.pm-badge.ok{background:#dcfce7;color:#16a34a}.pm-status-card{display:flex;align-items:center;gap:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:9px;padding:12px 16px}.pm-status-label{font-size:11px;color:#92400e;font-weight:500}.pm-status-email{font-size:13px;font-weight:700;color:#78350f;margin-top:2px}.pm-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gmail-cred-save-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;font-size:12px;font-weight:600;color:#334155;cursor:pointer;transition:background .15s}.gmail-cred-save-btn:hover{background:#f1f5f9}.gmail-cred-save-btn:disabled{opacity:.6;cursor:not-allowed}.gmail-test-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;font-weight:600;color:#334155;cursor:pointer;transition:background .15s;white-space:nowrap}.gmail-test-btn:hover:not(:disabled){background:#f1f5f9}.gmail-test-btn:disabled{opacity:.6;cursor:not-allowed}.gmail-test-result{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.gmail-test-result.ok{color:#16a34a}.gmail-test-result.error{color:#dc2626}.gmail-test-result-box{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:8px 12px;border-radius:7px}.gmail-test-result-box.ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.gmail-test-result-box.error{background:#fff1f2;color:#dc2626;border:1px solid #fecdd3}.gmail-test-result-box.testing{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.mail-password-wrap{position:relative;max-width:520px}.mail-password-wrap .mail-field-input{max-width:100%;padding-right:40px}.mail-pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;display:flex;align-items:center}.mail-pw-toggle:hover{color:#475569}.spinner-sm{display:inline-block;width:12px;height:12px;border:2px solid rgba(0,0,0,.15);border-top-color:currentcolor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.send-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.send-modal{background:#fff;border-radius:14px;width:420px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}.send-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f1f5f9}.send-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1e293b}.send-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.send-modal-close:hover{color:#475569;background:#f1f5f9}.send-modal-body{padding:20px}.send-modal-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.send-modal-info-row{display:flex;align-items:baseline;gap:10px}.send-modal-info-label{font-size:11px;font-weight:600;color:#94a3b8;min-width:36px}.send-modal-info-val{font-size:13px;color:#1e293b;font-weight:500}.send-error-msg{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#dc2626}.send-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.send-modal-cancel-btn{padding:9px 18px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:background .15s}.send-modal-cancel-btn:hover{background:#e2e8f0}.send-modal-send-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;background:#2563eb;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.send-modal-send-btn:hover{background:#1d4ed8}.send-modal-send-btn:disabled{opacity:.65;cursor:not-allowed}.send-modal-send-btn.loading{background:#3b82f6}.send-result{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0 8px;text-align:center}.send-result.ok svg{color:#16a34a}.send-result p{font-size:16px;font-weight:700;color:#1e293b}.send-result small{font-size:12px;color:#64748b}.send-modal-confirm-btn{margin-top:12px;padding:9px 28px;background:#16a34a;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.send-modal-confirm-btn:hover{background:#15803d}.stmt-list-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.stmt-select-all-label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:600;color:#475569;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stmt-select-all-cb{width:14px;height:14px;cursor:pointer;accent-color:#2563eb}.stmt-list-count{font-size:11px;color:#94a3b8;font-weight:500}.stmt-person-email{font-size:11px;color:#64748b;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stmt-person-item.active .stmt-person-email{color:#93c5fd}.bulk-modal{width:500px;max-height:80vh;display:flex;flex-direction:column}.bulk-modal .send-modal-body{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.bulk-email-hint{display:flex;align-items:flex-start;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;padding:8px 12px;font-size:11px;color:#1e40af;line-height:1.5}.bulk-person-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.bulk-person-row{display:flex;align-items:center;gap:10px}.bulk-person-name{font-size:13px;font-weight:600;color:#1e293b;min-width:64px;flex-shrink:0}.bulk-email-input{flex:1 1;padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#1e293b;background:#f8fafc;outline:none}.bulk-email-input:focus{border-color:#2563eb;background:#fff}.bulk-sending{display:flex;flex-direction:column;gap:12px;padding:8px 0}.bulk-sending-label{display:flex;align-items:center;font-size:13px;font-weight:600;color:#334155}.bulk-progress-bar{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.bulk-progress-fill{height:100%;background:#2563eb;border-radius:999px;transition:width .3s ease}.bulk-current-name{font-size:12px;color:#64748b;text-align:center}.bulk-summary{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:700;padding:8px 0}.bulk-summary-ok{color:#16a34a}.bulk-summary-fail,.bulk-summary-ok{display:flex;align-items:center;gap:5px}.bulk-summary-fail{color:#dc2626}.bulk-result-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.bulk-result-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:12px}.bulk-result-row.ok{background:#f0fdf4;color:#16a34a}.bulk-result-row.fail{background:#fff1f2;color:#dc2626}.bulk-result-name{font-weight:600;min-width:56px}.bulk-result-email{color:#64748b;flex:1 1;font-size:11px}.bulk-result-row.ok .bulk-result-email{color:#4ade80}.bulk-result-error{font-size:11px;color:#dc2626;font-style:italic}.header-spacer{flex:1 1}.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#64748b;font-size:14px}.auth-gate__spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.user-menu{position:relative;flex-shrink:0}.user-menu__trigger{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 10px;color:#fff;font-size:13px;cursor:pointer;transition:background .15s;white-space:nowrap;max-width:280px}.user-menu__trigger:hover{background:rgba(255,255,255,.15)}.user-menu__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-menu__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.user-menu__caret{flex-shrink:0;opacity:.7}.user-menu__dropdown{position:absolute;top:100%;right:0;padding-top:8px;background:transparent;min-width:200px;z-index:200}.user-menu__dropdown-inner{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden}.user-menu__info{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.user-menu__info strong{font-size:14px;color:#1a1a2e}.user-menu__info span{font-size:12px;color:#64748b}.user-menu__badge{display:inline-block;margin-top:4px;padding:2px 8px;background:#dbeafe;color:#1d4ed8;border-radius:20px;font-size:11px;font-weight:600;width:-moz-fit-content;width:fit-content}.user-menu__divider{border:none;border-top:1px solid #e2e8f0;margin:0}.user-menu__logout{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:13px;color:#dc2626;cursor:pointer;transition:background .15s}.user-menu__logout:hover{background:#fef2f2}