:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#1d4ed8 0,#020617 55%);color:inherit}a{font-weight:500;color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{border-radius:.5rem;border:1px solid rgba(148,163,184,.4);padding:.5rem 1rem;font-size:.95rem;font-weight:500;font-family:inherit;background-color:#0f172a;color:#e5e7eb;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .05s ease}button:hover{border-color:#60a5fa;background-color:#020617}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:default}input,select,textarea{font-family:inherit;font-size:.95rem}.app-root{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:1.5rem}.app-shell{width:100%;max-width:1200px;display:grid;grid-template-columns:260px minmax(0,1fr);background:linear-gradient(145deg,#0f172afa,#0f172aeb);border-radius:1.25rem;border:1px solid rgba(148,163,184,.5);box-shadow:0 18px 60px #0f172ae6,0 0 0 1px #0f172a99;overflow:hidden;color:#e5e7eb}.app-sidebar{padding:1.5rem 1.25rem;background:radial-gradient(circle at top left,rgba(59,130,246,.32),transparent 60%),#020617;border-right:1px solid rgba(30,64,175,.7);display:flex;flex-direction:column;gap:1.5rem}.app-brand{display:flex;align-items:center;gap:.75rem}.app-brand-badge{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:.9rem;background:radial-gradient(circle at 20% 0,#60a5fa,#1d4ed8);color:#0b1220;font-weight:700;font-size:1rem;box-shadow:0 0 0 1px #0f172acc,0 12px 30px #2563ebe6}.app-brand-text{display:flex;flex-direction:column}.app-brand-title{font-size:1.1rem;font-weight:600;letter-spacing:.02em}.app-brand-subtitle{font-size:.78rem;color:#9ca3af}.app-nav{display:flex;flex-direction:column;gap:.25rem}.app-nav-group-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:.25rem}.app-nav-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-radius:.7rem;font-size:.9rem;color:#e5e7eb;border:1px solid transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .05s ease}.app-nav-link:hover{background:linear-gradient(135deg,#2563eb38,#1d4ed873);border-color:#60a5fae6;transform:translateY(-1px)}.app-nav-link.active{background:linear-gradient(135deg,#2563eba6,#1d4ed8e6);border-color:#bfdbfee6;color:#eff6ff;box-shadow:0 10px 26px #2563ebe6}.app-nav-pill{font-size:.7rem;padding:.1rem .5rem;border-radius:999px;background-color:#0f172ab3;border:1px solid rgba(148,163,184,.45);color:#9ca3af}.app-user{margin-top:auto;padding-top:.75rem;border-top:1px dashed rgba(55,65,81,.9);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.app-user-info{display:flex;flex-direction:column;gap:.1rem}.app-user-name{font-size:.9rem;font-weight:500}.app-user-role{font-size:.75rem;color:#9ca3af}.app-main{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1rem;background:radial-gradient(circle at top right,rgba(59,130,246,.32),transparent 55%),#020617}.app-main-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-main-title-group{display:flex;flex-direction:column;gap:.15rem}.app-main-title{font-size:1.35rem;font-weight:600}.app-main-subtitle{font-size:.85rem;color:#9ca3af}.app-main-actions{display:flex;gap:.5rem}.app-main-content{display:flex;flex-direction:column;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.card{background:radial-gradient(circle at top left,#0f172a66,#0f172af2);border-radius:1rem;padding:1rem;border:1px solid rgba(30,64,175,.9);box-shadow:0 12px 32px #0f172af2,0 0 0 1px #0f172ab3;display:flex;flex-direction:column;gap:.4rem}.card-title{font-size:.9rem;font-weight:500;color:#e5e7eb}.card-value{font-size:1.3rem;font-weight:600}.card-muted{font-size:.8rem;color:#9ca3af}.card-clickable{cursor:pointer;text-align:left;font:inherit;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card-clickable:hover{transform:translateY(-2px);border-color:#60a5fae6}.card-clickable.card-selected{border-color:#60a5fae6;box-shadow:0 0 0 2px #3b82f680}.page-section{background:radial-gradient(circle at top left,#0f172a66,#0f172af5);border-radius:1rem;padding:1rem;border:1px solid rgba(30,64,175,.9);box-shadow:0 12px 32px #0f172af2,0 0 0 1px #0f172ab3}.page-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.page-section-title{font-size:1rem;font-weight:500}.page-section-subtitle{font-size:.8rem;color:#9ca3af}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin-bottom:.75rem}.form-field{display:flex;flex-direction:column;gap:.2rem}.form-label{font-size:.78rem;color:#9ca3af}.form-static{padding:.45rem .55rem;font-size:.95rem;color:#e5e7eb}.form-input,.form-select,.form-textarea{border-radius:.5rem;border:1px solid rgba(148,163,184,.5);background-color:#0f172af2;color:#e5e7eb;padding:.45rem .55rem}.form-textarea{min-height:60px}.select-with-add{display:flex;align-items:stretch;gap:.35rem}.select-with-add .form-select{flex:1;min-width:0}.btn-add-option{flex-shrink:0;padding:.4rem .6rem;font-size:.8rem;white-space:nowrap;background:#22c55e33;border-color:#22c55e99;color:#86efac}.btn-add-option:hover:not(:disabled){background:#22c55e59;border-color:#22c55ee6;color:#dcfce7}.btn-add-option:disabled{opacity:.5;cursor:not-allowed}.form-select-year{min-height:8rem;padding:.35rem .5rem}.form-select-year option{padding:.25rem .35rem}.year-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.year-type-wrap{display:flex;flex-direction:column;gap:.2rem}.form-label-inline{margin-bottom:0}.form-input-year-inline{width:6rem;min-width:5rem}.date-input-wrapper{display:flex;align-items:stretch;gap:0;border-radius:.5rem;border:1px solid rgba(148,163,184,.5);background-color:#0f172af2;overflow:hidden}.date-input-wrapper .form-input{flex:1;min-width:0;border:none;border-radius:0}.calendar-btn{display:flex;align-items:center;justify-content:center;padding:0 .6rem;background:#1e40af66;border:none;border-left:1px solid rgba(148,163,184,.4);color:#93c5fd;cursor:pointer;transition:background-color .15s ease,color .15s ease}.calendar-btn:hover{background:#3b82f680;color:#e5e7eb}.form-hint{display:block;font-size:.75rem;margin-top:.25rem}.form-hint-warning{color:#fbbf24}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th,.table td{padding:.45rem .5rem;border-bottom:1px solid rgba(31,41,55,.9)}.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.table tr:hover td{background-color:#0f172acc}.table-row-link td a{color:inherit;text-decoration:none}.table-row-link:hover td a{text-decoration:underline}.table-row-link{cursor:pointer}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;border:1px solid rgba(148,163,184,.6);color:#e5e7eb}.badge-success{background-color:#16a34a1a;border-color:#22c55ecc}.badge-warning{background-color:#eab3081a;border-color:#eab308cc}.badge-muted{background-color:#37415199;border-color:#6b7280e6}.stack-sm{display:flex;flex-direction:column;gap:.25rem}.stack-md{display:flex;flex-direction:column;gap:.5rem}.stack-lg{display:flex;flex-direction:column;gap:.9rem}.row{display:flex;gap:.5rem;align-items:center}.row-end{display:flex;justify-content:flex-end;gap:.5rem}.text-muted{color:#9ca3af}.danger{color:#f97373}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#bfdbfee6;color:#eff6ff;box-shadow:0 10px 26px #2563ebe6}.btn-ghost{background-color:transparent;border-color:#94a3b899}.btn-ghost:hover{background-color:#0f172ae6}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#fecacae6;color:#fef2f2}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:420px;border-radius:1.5rem;padding:1.75rem;background:radial-gradient(circle at top,rgba(59,130,246,.3),transparent 60%),#020617;border:1px solid rgba(55,65,81,.9);box-shadow:0 18px 60px #0f172af2,0 0 0 1px #0f172ab3;color:#e5e7eb}.login-header{margin-bottom:1rem}.login-title{font-size:1.4rem;font-weight:600}.login-subtitle{font-size:.85rem;color:#9ca3af}.login-footer{margin-top:.75rem;font-size:.75rem;color:#9ca3af}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);font-size:.7rem;color:#e5e7eb}.modal-overlay{position:fixed;inset:0;background:#020617d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal-card{width:100%;max-width:720px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;border-radius:1rem;background:linear-gradient(145deg,#0f172afa,#0f172aeb);border:1px solid rgba(148,163,184,.5);box-shadow:0 18px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(55,65,81,.9)}.modal-header h2{font-size:1.1rem;font-weight:600;margin:0}.modal-body{padding:1.25rem;overflow-y:auto;flex:1}.repair-group{border:1px solid rgba(55,65,81,.9);border-radius:.6rem;overflow:hidden}.repair-group-header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;padding:.75rem 1rem;background:#1e40af40;border-bottom:1px solid rgba(55,65,81,.9)}.repair-desc{color:#e5e7eb}.repair-status{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:#37415199;text-transform:capitalize}.repair-group-body{padding:1rem}.repair-subsection{margin-top:.75rem}.repair-subsection:first-child{margin-top:0}.repair-subsection h4{font-size:.85rem;margin:0 0 .5rem;color:#9ca3af}.invoice-list{margin:0;padding-left:1.25rem}.invoice-list li{margin-bottom:.25rem}.table-compact th,.table-compact td{padding:.35rem .5rem;font-size:.8rem}.invoice-print-doc{width:100%;max-width:100%;padding:1.5rem;background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:.5rem}.invoice-heading{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.invoice-business-name{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#111827;letter-spacing:-.02em}.invoice-business-line,.invoice-billto-line{margin:0;font-size:.9rem;color:#4b5563;line-height:1.5}.invoice-billto{width:20%;flex-shrink:0}.invoice-billto-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0 0 .5rem}.invoice-billto-name{font-weight:600;margin:0 0 .25rem;font-size:1rem}.invoice-meta{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600;color:#111827;white-space:nowrap}.invoice-meta>div{flex-shrink:0;white-space:nowrap}.invoice-meta strong{color:#374151;margin-right:.5rem}.invoice-table{width:100%;border-collapse:collapse;font-size:.9rem}.invoice-table th{text-align:left;padding:.6rem .75rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.invoice-table td{padding:.6rem .75rem;border-bottom:1px solid #f3f4f6}.invoice-table tfoot td{border-bottom:none;padding:.5rem .75rem;font-size:.9rem}.invoice-cell-right{text-align:right!important}.invoice-type{text-transform:capitalize}.invoice-totals-label{font-weight:500;color:#4b5563;padding-right:1rem}.invoice-total-row td{font-weight:700;font-size:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.invoice-total-amount{font-size:1.1rem!important;color:#111827}@media print{.no-print,.app-sidebar,.app-main-header{display:none!important}.invoice-print-doc{max-width:none;padding:0;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important}.app-shell,.app-main,.app-main-content,.page-section{border:none!important;border-radius:0!important;box-shadow:none!important}.app-main-content{padding:0!important;max-width:none!important}.app-main,.page-section{padding:0!important}body,.app-root,.app-shell{background:#fff!important;color:#000!important}.app-shell{display:block!important}}