*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}body{background:#f4f4f4;color:#222}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dev-banner{align-self:center;background:linear-gradient(90deg,#0d6efd,#0b5ed7);color:#fff;height:50px;padding:10px 20px;text-align:center;font-size:15px;font-weight:700;border-bottom:2px solid rgba(255,255,255,.2)}.logo{margin-top:20px;margin-bottom:50px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:25px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.main{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;min-height:100vh}.topbar{width:100%;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:center;align-items:center;padding:15px 0}.header-div{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.img-style{max-width:200px;height:auto;object-fit:contain}.header-div p{text-align:center;color:#111827;padding:.5rem;border-radius:8px;transition:.2s;font-size:large}@media(max-width:900px){.header-div{width:100%;padding:20px 0;display:flex;flex-direction:column;align-items:center}.img-style{height:200px;width:100%;object-fit:contain;margin-left:10px;margin-right:10px}.main{margin-left:0!important;width:100%!important}}.login-header{display:flex;justify-content:center;width:50%;align-items:center;margin-top:50px}.login-container{width:100%;flex-direction:column;align-items:center;justify-content:center;background-color:#fff0;border:5px solid #2563eb;border-radius:5px;padding:20px}.input-field{text-align:center;padding:10px;font-size:16px;margin:40px 0 5px;width:100%;border:2px solid #000000;border-radius:6px;outline:#000000}.p-uyari{color:#000;font-size:15px}.input-field:focus{border-color:#2563eb;box-shadow:0 0 4px #2563eb80}.login-button{padding:10px 20px;margin:40px 40px 20px;font-size:16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#1eaf2a}.login-button.disabled{opacity:.5;cursor:not-allowed;background-color:gray}.result-box{color:#000}.error-box{color:red}@media(max-width:900px){.login-header{display:flex;justify-content:center;align-items:center;width:100%}.login-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.input-field{width:100%;box-sizing:border-box}}.record-header{display:flex;justify-content:center;align-items:center;width:50%;margin-top:50px}.new-fault-container{display:flex;align-items:center;width:70%;flex-direction:column;justify-content:center;background-color:#fff;border:2px solid #d1d5db;margin-top:25px;margin-bottom:25px;border-radius:8px;padding:20px}.open-faults-container,.closed-faults-container{display:flex;justify-content:center;width:70%;align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:8px;padding:20px}.new-fault-container h3{color:#374151;text-decoration:underline}.textarea-field{min-height:40px;resize:none;overflow:hidden}.input-field,.select-field,.file-field{text-align:center;color:#374151;background:#fff;padding:12px;font-size:16px;margin-top:30px;width:100%;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:.2s ease}.input-field:focus,.select-field:focus,.file-field:focus{border-color:#93c5fd;box-shadow:0 0 6px #00000026;color:#111827}.p-uyari{color:#4b5563;font-size:14px}.record-button{padding:12px 20px;margin:30px 0;font-size:16px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.record-button:hover{background-color:#2563eb}.record-button.disabled{opacity:.6;cursor:not-allowed;background-color:#9ca3af}.result-box{color:#374151}.error-box{color:#dc2626}@media(max-width:900px){.record-header{display:flex;justify-content:center;align-items:center;width:100%}.new-fault-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.open-faults-container,.closed-faults-container{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:20px}.input-field,.select-field,.file-field{width:100%;box-sizing:border-box}}@media(max-width:1300px){.button-box{display:flex;flex-direction:column;gap:1px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:#fff;width:90%;max-width:450px;border-radius:12px;padding:20px;position:relative;box-shadow:0 8px 20px #00000026;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{font-size:18px;font-weight:600;margin-bottom:12px}.modal-close{position:absolute;top:10px;right:12px;font-size:22px;cursor:pointer;color:#555;transition:.2s;font-weight:500}.modal-close:hover{transform:scale(1.15);color:#000}.modal-content p{margin:6px 0}.modal-photo{width:100%;margin-bottom:15px}.modal-photo img{width:100%;max-height:280px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px #00000021}.technician-main{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}.inner-panel{margin-top:10px;margin-bottom:20px;padding:15px;background:#f5f7fa;border-radius:10px}.button-group{display:flex;flex-direction:column;gap:2px;width:100%;max-width:600px;margin:0}.menu-button,.logout-button{padding:12px 20px;margin:10px 0;font-size:16px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.menu-button:hover{background-color:#3510db;transform:translate(10px)}.logout-button:hover{background-color:#f63b3b;transform:translate(10px)}.menu-button:active{background-color:#0f5cd8;transform:translate(4px)}.inner-panel{animation:fadeSlide .25s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.datasheet-page{display:flex;flex-direction:column;gap:20px;align-items:center;width:90%}.datasheet-button-group{display:flex;flex-direction:column;gap:2px;width:100%;max-width:600px;margin:0}.datasheet-content-box{margin-top:20px;padding:20px;width:100%;max-width:500px;background:#f6f6f6;border-radius:10px}.datasheet-menu-button{padding:12px 20px;margin:10px 0;font-size:16px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.datasheet-menu-button:hover{background-color:#3510db;transform:translate(5px)}.mini-fault-card{display:flex;background:#fff;border-radius:12px;padding-top:10px;padding-bottom:10px;margin-bottom:20px;margin-top:10px;align-items:center;justify-content:start;box-shadow:0 2px 6px #0000000d;width:100%}.thumb-box{width:50px;height:50px;border-radius:8px;overflow:hidden;margin-right:12px;background:#eee}.thumb{width:100%;height:100%;object-fit:cover}.info{flex:1}.sikayet-text{font-size:15px;font-weight:600;color:#333;margin-bottom:2px;line-clamp:2;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.4em}.sub-info{font-size:12px;color:#777}.time-info{font-size:12px;color:#999;margin-top:2px}.status-badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;margin-bottom:10px}.button-box{display:flex;flex-direction:row;gap:6px;padding:3px}.btn-action-start{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;border:none;margin-bottom:10px;background:#dcfce7;color:#22c55e;white-space:nowrap}.btn-action-end{padding:5px 10px;white-space:nowrap;border-radius:8px;border:none;font-size:12px;font-weight:700;background:#ffe4e6;color:#ef4444}.status-badge,.btn-action-start,.btn-action-end{height:32px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}.btn-action-start:disabled,.btn-action-end:disabled{display:none}.btn-action-start .txt,.btn-action-end .txt{display:inline;font-size:12px}.btn-action-start .icon,.btn-action-end .icon{display:none}.status-open{background:#ffe4e6;color:#ef4444}.status-ongoing{background:#fef9c3;color:#f59e0b}.status-waiting{background:#dbeafe;color:#3b82f6}.status-done{background:#dcfce7;color:#22c55e}@media(max-width:900px){.button-box{display:flex;flex-direction:column;gap:1px;width:35%}.btn-action-start .txt,.btn-action-end .txt{display:none}.btn-action-start .icon,.btn-action-end .icon{display:inline;font-size:18px}}.slider-wrapper{display:flex;overflow-x:auto;gap:0;padding:0;scroll-snap-type:x mandatory;width:100%;align-items:center;justify-content:space-between}.group-card{min-width:100%;max-width:100%;scroll-snap-align:center;align-items:center;justify-content:center;box-sizing:border-box}