:root{--font-primary:var(--font-dm-sans),system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--color-navy:#1a237e;--color-white:#fff;--color-black:#000;--color-red:#dc1728;--color-navy-light:#534bae;--color-navy-dark:#000051;--color-red-light:#ff7539;--color-red-dark:#dc1728;--color-gray-light:#f5f5f5;--color-gray-medium:#9e9e9e;--color-gray-dark:#424242;--color-blue:#658ee8;--color-light-gray:#f8fafc;--color-border:#e5e7eb;--color-dark-gray:#6b7280;--color-info-bg:#fff;--color-info-text:#000}body{font-family:var(--font-primary);font-weight:var(--font-normal);line-height:var(--leading-normal)}.font-mono{font-family:var(--font-mono)}
:root{--modal-shadow:0 25px 50px -12px #00000040;--modal-header-gradient:linear-gradient(135deg,#1a237e 0%,#3949ab 100%);--modal-btn-primary:linear-gradient(135deg,#1a237e 0%,#283593 100%);--modal-btn-success:linear-gradient(135deg,#16a34a 0%,#15803d 100%);--modal-btn-danger:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);--modal-btn-hover-shift:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}}.modal-container{width:100%;max-width:850px;max-height:90vh;box-shadow:var(--modal-shadow);background:#fff;border-radius:20px;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden}.modal-container.large{max-width:1000px}.modal-container.small{max-width:480px}@media (max-width:768px){.modal-container{border-radius:20px 20px 0 0;max-height:95vh}}@media (max-width:640px){.modal-container{border-radius:0;height:100vh;max-height:100vh}}.modal-header{background:var(--color-blue);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:relative}.modal-header:after{content:"";background:#ffffff1a;height:1px;position:absolute;bottom:0;left:0;right:0}.modal-header .header-title-group{align-items:center;gap:.85rem;display:flex}.modal-header .header-title-group svg{color:#ffffffe6;filter:drop-shadow(0 2px 4px #0000001a);font-size:1.4rem}.modal-header .header-title-group h3{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px #0000001a;margin:0;font-size:1.25rem;font-weight:700}.modal-header .header-title-group .header-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;margin-left:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.modal-header .close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.modal-header .close-btn:hover{background:#fff3;transform:scale(1.05)}.modal-header .close-btn:active{transform:scale(.95)}.modal-body{scrollbar-width:thin;scrollbar-color:#e2e8f0 #0000;background:#fff;flex:1;padding:2rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}@media (max-width:640px){.modal-body{padding:1.5rem}}.modal-footer{background:#f8fafc;border-top:1px solid #eef2f6;flex-shrink:0;justify-content:flex-end;gap:.85rem;padding:1.25rem 2rem;display:flex}@media (max-width:640px){.modal-footer{flex-direction:column-reverse;padding:1rem 1.5rem}.modal-footer .btn{width:100%}}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn.btn-primary{background:var(--modal-btn-primary);color:#fff;box-shadow:0 4px 6px -1px #1a237e33}.btn.btn-primary:hover{transform:var(--modal-btn-hover-shift);box-shadow:0 10px 15px -3px #1a237e4d}.btn.btn-success{background:var(--modal-btn-success);color:#fff;box-shadow:0 4px 6px -1px #16a34a33}.btn.btn-success:hover{transform:var(--modal-btn-hover-shift);box-shadow:0 10px 15px -3px #16a34a4d}.btn.btn-danger{background:var(--modal-btn-danger);color:#fff;box-shadow:0 4px 6px -1px #dc262633}.btn.btn-danger:hover{transform:var(--modal-btn-hover-shift);box-shadow:0 10px 15px -3px #dc26264d}.btn.btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.btn.btn-secondary:hover{color:#1e293b;background:#e2e8f0}.btn.btn-outline{color:#64748b;background:0 0;border:1px solid #cbd5e1}.btn.btn-outline:hover{color:#1a237e;background:#1a237e0d;border-color:#1a237e}.status-banner{border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 4px 12px -2px #0000000d}.status-banner .current-status{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.75rem;font-size:.9rem;font-weight:700;display:flex}.status-banner.status-open{background:#fffcfc;border-color:#fee2e2}.status-banner.status-open .current-status{color:#dc2626}.status-banner.status-in-progress{background:#f8fbff;border-color:#dbeafe}.status-banner.status-in-progress .current-status{color:#2563eb}.status-banner.status-done,.status-banner.status-completed{background:#f0fdf4;border-color:#dcfce7}.status-banner.status-done .current-status,.status-banner.status-completed .current-status{color:#16a34a}@media (max-width:640px){.status-banner{flex-direction:column;align-items:flex-start;gap:1.25rem}.status-banner .status-actions{gap:.5rem;width:100%;display:flex}.status-banner .status-actions .btn{flex:1}}.info-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.info-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:1.5rem;transition:all .2s;box-shadow:0 4px 6px -1px #00000005}.info-card:hover{border-color:#e2e8f0;box-shadow:0 10px 15px -3px #0000000d}.info-card h4{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.8rem;font-weight:700;display:flex}.info-card h4:after{content:"";background:#f1f5f9;flex:1;height:1px}.info-card .info-row{justify-content:space-between;margin-bottom:.75rem;display:flex}.info-card .info-row:last-child{margin-bottom:0}.info-card .info-row .label{color:#64748b;font-size:.85rem;font-weight:500}.info-card .info-row .value{color:#1e293b;text-align:right;font-size:.9rem;font-weight:600}.form-section{margin-bottom:1rem}.form-section .section-header{align-items:center;gap:.85rem;margin-bottom:1.5rem;display:flex}.form-section .section-header h3,.form-section .section-header h4{color:#1e293b;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.form-section .section-header h3 svg,.form-section .section-header h4 svg{color:#1a237e;font-size:1.1rem}.form-field{flex-direction:column;gap:.6rem;margin-bottom:1.25rem;display:flex}.form-field label{color:#475569;font-size:.875rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#fff;border-color:#1a237e;outline:none;box-shadow:0 0 0 4px #1a237e14}.form-field input::placeholder,.form-field select::placeholder,.form-field textarea::placeholder{color:#94a3b8}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{color:#64748b;background:#f8fafc;border-style:dashed}.repair-history{padding-left:1rem;position:relative}.repair-history .timeline-item{padding-bottom:1.5rem;padding-left:2rem;position:relative}.repair-history .timeline-item:before{content:"";background:#eef2f6;width:2px;position:absolute;top:6px;bottom:0;left:0}.repair-history .timeline-item:last-child:before{display:none}.repair-history .timeline-item:after{content:"";z-index:1;background:#fff;border:2px solid #1a237e;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-4px}.repair-history .timeline-item .timeline-date{color:#94a3b8;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.repair-history .timeline-item .timeline-content{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:1rem 1.25rem}.repair-history .timeline-item .timeline-content .action-badge{color:#1a237e;text-transform:uppercase;background:#e0e7ff;border-radius:6px;margin-bottom:.5rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.repair-history .timeline-item .timeline-content p{color:#475569;margin:0;font-size:.9rem;line-height:1.5}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.icon-spin{animation:1s linear infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}