*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.App{max-width:1200px;margin:0 auto;padding:20px}.dashboard{display:grid;gap:30px}.dashboard h1{text-align:center;color:#2c3e50;font-size:2.5rem;margin-bottom:30px;border-bottom:3px solid #3498db;padding-bottom:10px}.nav{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.nav a{padding:10px 20px;background-color:#3498db;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.nav a:hover{background-color:#2980b9}.repair-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.repair-form h2{color:#2c3e50;margin-bottom:25px;text-align:center;font-size:1.8rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group textarea{height:100px;resize:vertical}.repair-form button{width:100%;padding:15px;background-color:#27ae60;color:#fff;border:none;border-radius:5px;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .3s}.repair-form button:hover{background-color:#219a52}.repair-list{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.repair-list h2{color:#2c3e50;margin-bottom:25px;text-align:center;font-size:1.8rem}.repair-list ul{list-style:none}.repair-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s}.repair-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.repair-item h3{color:#2c3e50;margin-bottom:15px;font-size:1.3rem;border-bottom:2px solid #3498db;padding-bottom:5px}.repair-item p{margin-bottom:8px;color:#555}.repair-item strong{color:#2c3e50}.repair-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.repair-header h3{margin:0;color:#2c3e50;font-size:1.3rem;border-bottom:2px solid #3498db;padding-bottom:5px;flex:1}.delete-button{background:#e74c3c;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s;margin-left:15px}.delete-button:hover:not(:disabled){background:#c0392b}.delete-button:disabled{opacity:.5;cursor:not-allowed}.api-status{background:#e74c3c;color:#fff;padding:10px;text-align:center;border-radius:5px;margin-bottom:20px}.api-status.connected{background:#27ae60}.loading{text-align:center;padding:50px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.refresh-button{background:#27ae60;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.refresh-button:hover{background:#219a52}@media (max-width: 768px){.App{padding:15px}.dashboard h1{font-size:2rem}.nav{flex-direction:column;align-items:center}.repair-form,.repair-list{padding:20px}.repair-header{flex-direction:column;align-items:flex-start;gap:10px}.repair-header h3{width:100%}.delete-button{margin-left:0;align-self:flex-end}}