.modal-overlay{z-index:2000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh}.permission-modal{width:600px}.modal-header{border-bottom:1px solid #eee;padding:15px 20px}.modal-header h3{margin:0}.modal-header .close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem}.modal-body{overflow-y:auto;padding:20px}.grant-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:20px;padding:15px}.grant-form h4,.permission-list h4{color:#495057;font-size:1rem;margin-bottom:15px;margin-top:0}.grant-form .form-group{display:inline-block;margin-bottom:10px;margin-right:15px}.grant-form label{color:#6c757d;display:block;font-size:.85rem;margin-bottom:5px}.grant-form select{border:1px solid #ced4da;border-radius:4px;min-width:100px;padding:5px}.grant-form .checkbox-group{align-items:center;display:inline-flex;padding-bottom:7px;vertical-align:bottom}.grant-form .checkbox-group label{align-items:center;color:#333;display:flex;margin-bottom:0}.grant-form .checkbox-group input{margin-right:5px}.grant-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;margin-top:15px;padding:6px 15px}.permission-list table{border-collapse:collapse;width:100%}.permission-list td,.permission-list th{border-bottom:1px solid #dee2e6;font-size:.9rem;padding:10px;text-align:left}.permission-list th{background:#f1f3f5;color:#495057}.revoke-btn{background:#fff;border:1px solid #dc3545;border-radius:3px;color:#dc3545;cursor:pointer;font-size:.8rem;padding:2px 8px}.revoke-btn:hover{background:#dc3545;color:#fff}@media (max-width:768px){.permission-modal{border-radius:0;max-height:100%;width:100%}.grant-form .form-group{display:block;margin-bottom:15px;margin-right:0}.grant-form select{width:100%}.grant-btn{float:none;margin-top:15px;width:100%}.permission-list{overflow-x:auto}.permission-list table{min-width:500px}}.doc-container{background:#fdfdfd;box-shadow:0 5px 15px #0000000d;display:flex;height:calc(100vh - 60px)}.doc-sidebar{background:#fff;border-right:1px solid #eff2f5;display:flex;flex-direction:column;width:280px}.doc-sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:20px}.doc-sidebar-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#4ca1af);-webkit-background-clip:text;font-size:1.2rem;font-weight:700;margin:0}.doc-tabs{border-bottom:1px solid #f1f3f5;display:flex;padding:0 10px}.tab-item{color:#888;cursor:pointer;flex:1 1;font-size:.9rem;padding:12px 0;position:relative;text-align:center;transition:all .3s}.tab-item:hover{color:#333}.tab-item.active{color:#007bff;font-weight:600}.tab-item.active:after{background:#007bff;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:20%;position:absolute;right:20%}.doc-filters{border-bottom:1px solid #f1f3f5;display:flex;flex-direction:column;gap:10px;padding:15px}.doc-filters input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:.85rem;padding:8px 12px}.own-only{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.8rem}.own-only input{margin-right:5px}.doc-list{flex:1 1;overflow-y:auto}.doc-item{border-bottom:1px solid #f8f9fa;cursor:pointer;padding:15px 20px;position:relative;transition:all .2s}.doc-item:hover{background:#f9fbfd}.doc-item.active{background:#f0f7ff;border-left:4px solid #007bff}.doc-item-title{color:#2c3e50;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-item-meta{color:#adb5bd;display:flex;font-size:.75rem;justify-content:space-between}.doc-item-tag{background:#e9ecef;border-radius:10px;color:#6c757d;font-size:.65rem;padding:2px 6px;position:absolute;right:10px;top:5px}.doc-item.active .doc-item-title{color:#007bff}.empty-list{color:#ced4da;font-size:.85rem;padding:30px;text-align:center}.doc-content{background:#fff;flex:1 1;overflow-y:auto;position:relative}.viewer-header{align-items:flex-start;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:30px 40px 20px}.header-main h2{color:#2c3e50;font-size:1.8rem;margin:0 0 10px}.badge-row{display:flex;gap:10px}.badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:4px 10px}.badge.notice{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.badge.public-label{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge.perm{background:#e7f1ff;border:1px solid #cce5ff;color:#004085}.viewer-actions{display:flex;gap:10px}.viewer-actions button{border-radius:6px;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.share-btn{background:#fff;border:1px solid #007bff;color:#007bff}.share-btn:hover{background:#007bff;color:#fff}.delete-btn{background:#fff;border:1px solid #dc3545;color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff}.viewer-info-bar{background:#fcfcfc;border-bottom:1px solid #f1f3f5;display:flex;gap:30px;padding:10px 40px}.info-item{font-size:.8rem}.info-item .label{color:#999;margin-right:5px}.info-item .value{color:#555;font-weight:500}.viewer-body{color:#444;font-size:1.05rem;line-height:1.8;padding:30px 40px}.doc-editor{display:flex;flex-direction:column;height:100%}.editor-toolbar{background:#fff;border-bottom:1px solid #f1f3f5;padding:15px 40px}.title-row{align-items:center;display:flex;gap:20px;margin-bottom:15px}.title-input{border:none;border-bottom:2px solid #eee;flex:1 1;font-size:1.5rem;font-weight:700;outline:none;padding:8px 0}.title-input:focus{border-bottom-color:#007bff}.type-toggle{color:#d39e00}.public-toggle,.type-toggle{align-items:center;cursor:pointer;display:flex;font-size:.9rem}.public-toggle{color:#28a745}.public-toggle input,.type-toggle input{margin-right:5px}.toolbar-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.action-group,.tool-group{align-items:center;display:flex;gap:5px}.tool-group button{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:all .2s;width:32px}.tool-group button:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.color-picker{background:none;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;height:32px;padding:0;width:32px}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:2px}.bg-picker{position:relative}.bg-picker:after{content:"T";font-size:10px;left:50%;mix-blend-mode:contrast;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.save-btn{background:#28a745;font-weight:600;padding:8px 20px}.cancel-btn,.save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer}.cancel-btn{background:#6c757d;padding:8px 15px}.editor-area{flex:1 1;font-size:1.1rem;line-height:1.7;outline:none;overflow-y:auto;padding:40px}.empty-state{align-items:center;color:#adb5bd;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#495057}@media (max-width:768px){.doc-container{flex-direction:column;height:auto;min-height:calc(100vh - 60px)}.doc-sidebar{border-bottom:1px solid #eff2f5;border-right:none;height:auto;max-height:50vh;width:100%}.doc-sidebar.collapsed{max-height:60px;overflow:hidden}.doc-sidebar-toggle{background:#f8f9fa;border:none;cursor:pointer;display:block;padding:10px;text-align:center;width:100%}.doc-content{flex:1 1;min-height:50vh}.viewer-header{flex-direction:column;gap:15px;padding:20px}.viewer-actions{width:100%}.viewer-actions button{flex:1 1}.viewer-info-bar{flex-wrap:wrap;gap:15px;padding:10px 20px}.viewer-body{padding:20px}.header-main h2{font-size:1.4rem}.editor-toolbar{padding:15px 20px}.title-row{align-items:stretch}.title-row,.toolbar-buttons{flex-direction:column;gap:10px}.tool-group{flex-wrap:wrap;justify-content:center}.action-group{justify-content:space-between;width:100%}.cancel-btn,.save-btn{flex:1 1}.editor-area{padding:20px}}@media (max-width:480px){.doc-sidebar{max-height:40vh}.doc-item{padding:12px 15px}.viewer-header{padding:15px}.viewer-body{font-size:.95rem;padding:15px}}.cost-management{padding:20px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filters input,.filters select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.filters input{flex:1 1;min-width:200px}.cost-type-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.cost-type-badge.income{background-color:#d4edda;color:#155724}.cost-type-badge.expense{background-color:#f8d7da;color:#721c24}.status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.settled{background-color:#d1ecf1;color:#0c5460}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.btn-edit{background-color:#007bff;color:#fff}.btn-edit:hover{background-color:#0056b3}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.channel-management{padding:10px 0}.add-channel{display:flex;gap:10px;margin-bottom:20px}.add-channel input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.channel-list{max-height:400px;overflow-y:auto}.channel-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.channel-item:hover{background-color:#f8f9fa}.rule-management{padding:10px 0}.tabs{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:20px}.tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;margin-bottom:-2px;padding:10px 20px}.tabs button.active{border-bottom-color:#007bff;color:#007bff;font-weight:500}.rule-list{max-height:400px;overflow-y:auto}.rule-item{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.rule-item:hover{background-color:#f8f9fa}.rule-info h4{font-size:16px;margin:0 0 5px}.rule-info p{color:#666;font-size:14px;margin:0 0 5px}.rule-type{background-color:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;padding:2px 8px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-item{height:80px;position:relative;width:80px}.attachment-item img{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:100%;object-fit:cover;width:100%}.attachment-remove{background:#dc3545;border:none;border-radius:50%;color:#fff;font-size:14px;height:20px;line-height:18px;padding:0;position:absolute;right:-6px;top:-6px;width:20px}.attachment-remove,.image-preview-overlay{align-items:center;cursor:pointer;display:flex;justify-content:center}.image-preview-overlay{background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.image-preview-overlay img{border-radius:4px;max-height:90%;max-width:90%}.cost-settlement{padding:20px}.header-actions{display:flex;gap:10px}.loading,.no-data{color:#666;font-size:16px;padding:40px;text-align:center}.summary-section{margin-bottom:30px}.summary-section h3{color:#333;font-size:18px;margin-bottom:15px}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.summary-card.income{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.summary-card.expense{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.summary-card.net{background:linear-gradient(135deg,#d1ecf1,#bee5eb)}.summary-card.count{background:linear-gradient(135deg,#e2e3e5,#d6d8db)}.summary-card .label{color:#666;font-size:14px;margin-bottom:8px}.summary-card .value{color:#333;font-size:24px;font-weight:700}.user-summary-section{margin-bottom:30px}.user-summary-section h3{color:#333;font-size:18px;margin-bottom:15px}.user-summary-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.user-summary-table thead{background-color:#f8f9fa}.user-summary-table td,.user-summary-table th{border-bottom:1px solid #dee2e6;padding:12px 15px;text-align:left}.user-summary-table th{color:#495057;font-weight:600}.user-summary-table tbody tr:hover{background-color:#f8f9fa}.user-summary-table .income{color:#28a745;font-weight:500}.user-summary-table .expense{color:#dc3545;font-weight:500}.user-summary-table .positive{color:#28a745;font-weight:600}.user-summary-table .negative{color:#dc3545;font-weight:600}.records-section{margin-bottom:30px}.records-section h3{color:#333;font-size:18px;margin-bottom:15px}.records-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.records-table thead{background-color:#f8f9fa}.records-table td,.records-table th{border-bottom:1px solid #dee2e6;font-size:14px;padding:12px 15px;text-align:left}.records-table th{color:#495057;font-weight:600}.records-table tbody tr:hover{background-color:#f8f9fa}.type-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.type-badge.income{background-color:#d4edda;color:#155724}.type-badge.expense{background-color:#f8d7da;color:#721c24}.btn-primary{background-color:#007bff;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.btn-success:hover{background-color:#218838}.btn-cancel{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-cancel:hover{background-color:#5a6268}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}.loading{align-items:center;color:#666;display:flex;font-size:16px;height:100vh;justify-content:center}.layout{display:flex;min-height:100vh}.sidebar{background:#001529;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease,width .3s ease;width:240px;z-index:1000}.sidebar.collapsed{transform:translateX(-100%)}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-header h2{color:#fff;font-size:18px;text-align:center}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 0}.nav-item{color:#ffffffa6;display:block;padding:12px 24px;text-decoration:none;transition:all .3s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#1890ff;color:#fff}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.user-info{margin-bottom:15px;text-align:center}.user-name{color:#fff;display:block;font-size:14px;margin-bottom:5px}.user-role{background:#1890ff;border-radius:10px;color:#fff;display:inline-block;font-size:12px;padding:2px 8px}.logout-btn{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#ffffffa6;cursor:pointer;margin-top:10px;padding:10px;transition:all .3s;width:100%}.logout-btn:hover{border-color:#fff;color:#fff}.main-content{flex:1 1;margin-left:240px;min-height:100vh;padding:24px;position:relative;transition:margin-left .3s ease}.main-content.expanded{margin-left:0}.sidebar-toggle-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#666;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;left:15px;position:absolute;top:15px;width:32px;z-index:1001}.sidebar-toggle-btn:hover{background:#f0f0f0;color:#333}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;padding:40px;width:400px}.login-box h1{color:#333;margin-bottom:30px;text-align:center}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-weight:500;margin-bottom:8px}.login-form input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.login-form input:focus{border-color:#1890ff;outline:none}.login-form button{background:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s;width:100%}.login-form button:hover{background:#40a9ff}.login-form button:disabled{background:#ccc;cursor:not-allowed}.login-error{color:#ff4d4f;margin-bottom:15px;text-align:center}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:500}.page-header-extra{display:flex;gap:10px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.btn-primary{background:#1890ff;color:#fff}.btn-primary:hover{background:#40a9ff}.btn-success{background:#52c41a;color:#fff}.btn-success:hover{background:#73d13d}.btn-danger{background:#ff4d4f;color:#fff}.btn-danger:hover{background:#ff7875}.btn-default{background:#fff;border:1px solid #d9d9d9;color:#333}.btn-default:hover{border-color:#1890ff;color:#1890ff}.btn-small{font-size:12px;padding:4px 8px}.btn-link{background:none;border:none;color:#1890ff;cursor:pointer;padding:0}.btn-link:hover{color:#40a9ff}.table{background:#fff;border-collapse:collapse;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #f0f0f0;padding:12px 16px;text-align:left}.table th{background:#fafafa;color:#333;font-weight:500}.table tr:hover{background:#f5f5f5}.table-empty,.table-loading{background:#fff;border-radius:4px;color:#999;padding:40px;text-align:center}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.pagination button{background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:8px 16px}.pagination button:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.pagination button:disabled{color:#ccc;cursor:not-allowed}.pagination-info{color:#666}.pagination-size-select{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:6px 12px}.pagination-size-select:hover{border-color:#1890ff}.pagination-size-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;max-height:90vh;max-width:90%;min-width:500px;overflow:auto}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 24px}.modal-header h3{font-size:16px;font-weight:500}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:20px}.modal-close:hover{color:#333}.modal-body{padding:24px}.modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.form-item{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-label .required{color:#ff4d4f;margin-right:4px}.form-item input,.form-item select,.form-item textarea{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:#1890ff;outline:none}.form-item textarea{min-height:80px;resize:vertical}.form-error{color:#ff4d4f;font-size:12px;margin-top:4px}.search-bar{align-items:flex-end;background:#fff;border-radius:4px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.search-bar .form-item{margin-bottom:0;min-width:150px}.search-bar input,.search-bar select{border:1px solid #d9d9d9;border-radius:4px;padding:8px 12px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:4px;border-top:3px solid #1890ff;box-shadow:0 1px 3px #0000001a;padding:24px}.stat-value{color:#333;font-size:32px;font-weight:600}.stat-title{color:#999;margin-top:8px}.tag{border-radius:4px;display:inline-block;font-size:12px;padding:2px 8px}.tag-success{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.tag-warning{background:#fffbe6;border:1px solid #ffe58f;color:#faad14}.tag-error{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.tag-info{background:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.tag-default{background:#fafafa;border:1px solid #d9d9d9;color:#666}.message-container{display:flex;flex-direction:column;gap:10px;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:2000}.message{animation:messageIn .3s ease;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:10px 20px}.message-success{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.message-error{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.message-info{background:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.message-fade-out{animation:messageOut .3s ease forwards}@keyframes messageIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes messageOut{0%{opacity:1}to{opacity:0}}.tooltip-container{align-items:center;display:inline-flex;position:relative}.tooltip-text{background-color:#000000d9;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:12px;left:50%;line-height:1.5;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(-8px);transition:opacity .2s,transform .2s;visibility:hidden;white-space:nowrap;z-index:2000}.tooltip-text:after{border:6px solid #0000;border-top-color:#000000d9;content:" ";left:50%;margin-left:-6px;position:absolute;top:100%}.tooltip-container:hover .tooltip-text{opacity:1;transform:translateX(-50%) translateY(-12px);visibility:visible}.profile-page{max-width:600px}.profile-card{background:#fff;border-radius:4px;margin-bottom:24px;padding:24px}.profile-card h2{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:10px}.action-buttons{display:flex;gap:8px}.card{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.card-header{border-bottom:1px solid #f0f0f0;font-weight:500;padding:16px 24px}.card-body{padding:24px}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state h3{font-weight:400;margin-bottom:10px}.text-center{text-align:center}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.visible{display:block}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}@media (max-width:1024px){.sidebar{width:200px}.main-content{margin-left:200px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:260px}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:60px 16px 16px}.main-content.expanded{margin-left:0}.stats-grid{grid-template-columns:1fr}.modal{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;min-width:0;min-width:auto;width:100%}.modal-body{flex:1 1;overflow-y:auto}.modal-footer{background:#fff;bottom:0;position:-webkit-sticky;position:sticky}.table td,.table th{font-size:13px;padding:10px 12px}.action-buttons{flex-direction:column;gap:4px}.action-buttons .btn{width:100%}.pagination{flex-wrap:wrap;gap:10px}.pagination-info{font-size:12px}.search-bar{align-items:stretch;flex-direction:column}.search-bar .form-item{min-width:100%}.search-bar .btn{width:100%}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.page-header h1{font-size:20px}.page-header-extra{flex-wrap:wrap;width:100%}.login-box{border-radius:8px;margin:16px;max-width:100%;padding:24px;width:100%}}@media (max-width:480px){.main-content{padding:56px 12px 12px}.stat-card{padding:16px}.stat-value{font-size:24px}.table td,.table th{font-size:12px;padding:8px 10px}.btn{font-size:13px;padding:6px 12px}.btn-small{font-size:11px;padding:4px 6px}.pagination button{font-size:12px;padding:6px 12px}.pagination-size-select{font-size:12px;padding:4px 8px}.card-body,.card-header{padding:16px}.form-item input,.form-item select,.form-item textarea{padding:10px 12px}.login-box{margin:8px;padding:20px}.login-box h1{font-size:22px}}
/*# sourceMappingURL=main.683fae9b.css.map*/