*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333}.app{width:100%;height:100%}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.filter-area{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:8px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-row:last-child{margin-bottom:0}.filter-item{display:flex;align-items:center;min-width:100px;flex:1}.filter-item label{display:block;margin-bottom:5px;font-weight:700;white-space:nowrap;font-size:14px;color:#333}.filter-item select,.filter-item input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;min-width:100px;height:30px}.filter-item input[type=checkbox]{width:auto;height:auto;min-width:auto}.filter-select,.filter-input{flex:1;min-width:100px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:30px}.filter-toggle{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 0 4px;color:#2698f5;font-size:14px;width:100%;position:relative}.filter-toggle span{cursor:pointer}.filter-toggle .arrow{font-size:12px;transition:transform .3s}.filter-toggle .arrow.up{transform:rotate(180deg)}.filter-advanced{display:flex;flex-wrap:wrap;gap:8px}label .required{color:#f44336}@media(max-width:768px){.filter-item,.filter-item select,.filter-item input{width:100%}.filter-area{gap:5px}.filter-row{flex-direction:column;align-items:stretch;gap:3px}}.pagination{text-align:center;margin-top:10px;padding:6px 10px;background:#f9f9f9;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:25px}.pagination span{min-width:100px}.pagination button{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.pagination button:disabled{background:#ccc;cursor:not-allowed}@media screen and (max-width:768px){.pagination{font-size:14px}.pagination button{padding:6px 12px}}button{padding:6px 16px;border-radius:4px;border:none;cursor:pointer}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:3px 15px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:14px}.data-table th{padding:8px 15px;background:#f5f5f5;font-weight:700;white-space:nowrap}.data-table td{color:#2b2b2b}.data-table tr:hover{background:#fafafa}.data-item{padding:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.result-list{display:flex;flex-direction:column;gap:10px}.result-item{padding:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.result-info h4{margin:0 0 10px;color:#333}.result-info p{margin:3px 0;color:#666;font-size:14px}.result-info .label{color:#999}.dialog-mask,.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:#fff;border-radius:8px;width:90%;overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:6px 20px;background:#f5f5f5;border-bottom:1px solid #ddd}.dialog-header h3{margin:0;color:#333;font-size:18px}.dialog-header .btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999}@media screen and (max-width:768px){.dialog-header{padding:4px 15px;font-size:16px}.dialog-header .btn-close{font-size:20px}.dialog-header h3{font-size:16px}}.dialog-content{padding:20px;max-height:500px;overflow-y:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog .form-group{margin-bottom:15px}.dialog .form-group label{display:block;margin-bottom:5px;font-weight:700;font-size:14px}.dialog .required{color:#f44336}.dialog .form-group input,.dialog .form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}@media screen and (max-width:768px){.dialog .form-group input,.dialog .form-group select{padding:6px;font-size:14px}.dialog .form-group{margin-bottom:8px}}