*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f6fa;color:#2c3e50;line-height:1.6}.app-container{display:flex;min-height:100vh}.sidebar{width:240px;background:#2c3e50;color:#fff;padding:20px 0;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #34495e;margin-bottom:20px}.sidebar-header h1{font-size:20px;font-weight:600}.sidebar-header span{font-size:12px;color:#95a5a6}.sidebar-nav{list-style:none}.sidebar-nav a{display:block;padding:12px 20px;color:#bdc3c7;text-decoration:none;transition:all .2s}.sidebar-nav a:hover,.sidebar-nav a.active{background:#34495e;color:#fff}.sidebar-nav a.active{border-left:3px solid #3498db}.sidebar-footer{position:absolute;bottom:0;width:100%;padding:15px 20px;border-top:1px solid #34495e}.logout-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:14px}.main-content{flex:1;margin-left:240px;padding:30px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#2c3e50}.login-box{background:#fff;padding:40px;border-radius:10px;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.login-box h1{margin-bottom:10px;color:#2c3e50}.login-box p{color:#7f8c8d;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#34495e}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.btn{padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover{background:#d68910}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#1e8449}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-sm{padding:6px 12px;font-size:12px}.btn-block{width:100%}.error-message{background:#fee;color:#c0392b;padding:10px;border-radius:5px;margin-bottom:20px}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.card-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:18px;font-weight:600}.card-body{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.stat-card.urgent{border-left:4px solid #e74c3c}.stat-card.warning{border-left:4px solid #f39c12}.stat-card.success{border-left:4px solid #27ae60}.stat-card.info{border-left:4px solid #3498db}.stat-value{font-size:32px;font-weight:700;color:#2c3e50}.stat-label{color:#7f8c8d;font-size:14px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th{background:#f8f9fa;font-weight:600;color:#34495e}tr:hover{background:#f8f9fa}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-danger{background:#fee;color:#e74c3c}.badge-warning{background:#fff3cd;color:#856404}.badge-success{background:#d4edda;color:#155724}.badge-info{background:#d1ecf1;color:#0c5460}.badge-secondary{background:#e9ecef;color:#6c757d}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{font-size:24px;font-weight:600}.filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filters select,.filters input{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 1024px){.detail-grid{grid-template-columns:1fr}}.info-row{display:flex;padding:10px 0;border-bottom:1px solid #eee}.info-label{width:150px;font-weight:500;color:#7f8c8d}.info-value{flex:1}.message-list{max-height:400px;overflow-y:auto}.message-item{padding:10px;margin-bottom:10px;background:#f8f9fa;border-radius:5px}.message-header{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px;color:#7f8c8d}.message-content{color:#2c3e50}.actions{display:flex;gap:10px;flex-wrap:wrap}.pagination{display:flex;justify-content:center;gap:5px;margin-top:20px}.pagination button{padding:8px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:5px}.pagination button:hover{background:#f8f9fa}.pagination button.active{background:#3498db;color:#fff;border-color:#3498db}.pagination button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:10px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}tr.clickable{cursor:pointer}tr.clickable:hover{background:#e8f4fd}.loading,.empty-state{text-align:center;padding:40px;color:#7f8c8d}