*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#333}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.navbar{background-color:#2c3e50;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.navbar h1{color:#fff;font-size:1.2rem}.navbar nav{display:flex;gap:20px}.navbar a{color:#fff;text-decoration:none}.navbar a:hover{text-decoration:underline}.navbar button{background:transparent;border:1px solid white;color:#fff;padding:5px 15px;cursor:pointer;border-radius:4px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.btn-primary{background-color:#3498db;color:#fff}.btn-success{background-color:#27ae60;color:#fff}.btn-danger{background-color:#e74c3c;color:#fff}.btn:hover{opacity:.9}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.card h2{margin-bottom:15px;color:#2c3e50}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:600}.table tr:hover{background-color:#f8f9fa}.status{padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500}.status-pending{background-color:#ffeaa7;color:#d68910}.status-approved{background-color:#d5f5e3;color:#1e8449}.status-rejected{background-color:#fadbd8;color:#c0392b}.filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filters input,.filters select{padding:8px 12px;border:1px solid #ddd;border-radius:4px}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#2c3e50}.login-form{background:#fff;padding:40px;border-radius:8px;width:100%;max-width:400px}.login-form h1{text-align:center;margin-bottom:30px;color:#2c3e50}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:8px;width:100%;max-width:500px}.modal h2{margin-bottom:20px}.modal-actions{display:flex;gap:10px;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card h3{color:#7f8c8d;font-size:.9rem;margin-bottom:10px}.stat-card .value{font-size:2rem;font-weight:600;color:#2c3e50}.error{background-color:#fadbd8;color:#c0392b;padding:10px;border-radius:4px;margin-bottom:15px}.success{background-color:#d5f5e3;color:#1e8449;padding:10px;border-radius:4px;margin-bottom:15px}.btn-icon{background:transparent;border:none;cursor:pointer;padding:5px;color:#3498db;transition:color .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:#2980b9}.detail-modal{max-width:900px!important;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:1.8rem;cursor:pointer;color:#7f8c8d;line-height:1}.modal-close:hover{color:#333}.detail-modal-content{display:flex;gap:30px}.detail-left{flex:1;padding-right:20px;border-right:1px solid #ddd}.detail-right{flex:1;padding-left:10px}.detail-info p{margin-bottom:12px}.invoice-preview{margin-top:15px}.invoice-image{max-width:100%;max-height:400px;object-fit:contain;border:1px solid #ddd;border-radius:4px}.invoice-pdf{width:100%;height:400px;border:1px solid #ddd;border-radius:4px}@media (max-width: 768px){.detail-modal-content{flex-direction:column}.detail-left{border-right:none;border-bottom:1px solid #ddd;padding-right:0;padding-bottom:20px}.detail-right{padding-left:0;padding-top:20px}}