:root{--primary-hue:255;--primary:hsl(var(--primary-hue), 65%, 60%);--primary-hover:hsl(var(--primary-hue), 70%, 52%);--primary-light:hsl(var(--primary-hue), 90%, 95%);--secondary:#3571e9;--bg-app:#f6f8fb;--bg-sidebar:#0f172a;--bg-card:#fff;--border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#1fad53;--success-bg:#e1faea;--info:#0b60ea;--info-bg:#e7f0fe;--danger:#e11444;--danger-bg:#fdecf0;--warning:#eb8d0a;--warning-bg:#fef0dd;--neutral:#64748b;--neutral-bg:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #00000012;--shadow-lg:0 12px 20px -3px #00000014, 0 4px 8px -4px #00000014;--font-family:"Outfit", system-ui, -apple-system, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--bg-table-header:var(--neutral-bg);--bg-row-hover:var(--neutral-bg)}:root.dark{--bg-app:#080c14;--bg-card:#111827;--border:#1f2937;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#3cdd77;--success-bg:#10b98126;--info:#5593f7;--info-bg:#3b82f626;--danger:#ef436b;--danger-bg:#ef444426;--warning:#f6a431;--warning-bg:#f59e0b26;--neutral:#94a3b8;--neutral-bg:#94a3b826;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 12px 20px -3px #00000080, 0 4px 8px -4px #0006;--bg-table-header:#1e293b;--bg-row-hover:#1e293b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);color:#f1f5f9;width:260px;transition:var(--transition);z-index:100;flex-direction:column;flex-shrink:0;height:100%;display:flex}.sidebar-logo{letter-spacing:.5px;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;height:70px;padding:0 24px;font-size:22px;font-weight:700;display:flex}.sidebar-logo svg{stroke:url(#logo-grad)}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;padding:24px 16px;list-style:none;display:flex}.sidebar-item a{color:#94a3b8;border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item a:hover{color:#fff;background-color:#ffffff0d;transform:translate(4px)}.sidebar-item a.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));padding-left:20px;box-shadow:0 4px 12px #6366f159}.sidebar-item a.active:hover{transform:none}.sidebar-item a.active:before{content:"";background-color:#fff;border-radius:2px;width:4px;height:16px;animation:.2s forwards fadeIn;position:absolute;top:calc(50% - 8px);left:8px}.sidebar-footer{color:#64748b;border-top:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:20px 24px;font-size:12px;display:flex}.main-wrapper{flex-direction:column;flex-grow:1;min-width:0;height:100%;display:flex;overflow:hidden}.header{background-color:var(--bg-card);border-bottom:1px solid var(--border);height:70px;box-shadow:var(--shadow-sm);transition:var(--transition);z-index:90;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-title-section{flex-direction:column;display:flex}.header-title{color:var(--text-primary);font-size:18px;font-weight:600}.header-meta{color:var(--text-muted);font-size:12px}.header-actions{align-items:center;gap:16px;display:flex}.theme-toggle-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.theme-toggle-btn:hover{background-color:var(--neutral-bg);border-color:var(--text-muted)}.manager-profile{border-radius:var(--radius-sm);background-color:var(--neutral-bg);border:1px solid var(--border);align-items:center;gap:10px;padding:6px 12px;display:flex}.manager-avatar{color:#fff;background:linear-gradient(135deg,#a78bfa,#818cf8);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.manager-name{color:var(--text-secondary);font-size:13px;font-weight:600}.main-content{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:32px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}@media screen and (width>=851px){.page-header{z-index:10;background-color:var(--bg-app);margin-top:-32px;margin-bottom:12px;padding:32px 0 16px;position:sticky;top:-32px}}.page-title-area{flex-direction:column;gap:4px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.5px;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:14px}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:32px;display:grid}.stats-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden}.stats-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.stats-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.stats-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:600}.stats-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.card-body{padding:24px}.table-container{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);overflow-x:auto}@media (width>=851px){.table-container{max-height:calc(100vh - 350px);overflow-y:auto}.reports-layout .custom-table th:first-child{z-index:4;background-color:var(--bg-table-header);width:110px;min-width:110px;position:sticky;left:0}.reports-layout .custom-table th:nth-child(2){z-index:4;background-color:var(--bg-table-header);position:sticky;left:110px}.reports-layout .custom-table td:first-child{z-index:2;background-color:var(--bg-card);width:110px;min-width:110px;position:sticky;left:0}.reports-layout .custom-table td:nth-child(2){z-index:2;background-color:var(--bg-card);position:sticky;left:110px}.reports-layout .custom-table tr:hover td:first-child,.reports-layout .custom-table tr:hover td:nth-child(2){background-color:var(--bg-row-hover)}}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.custom-table th{background-color:var(--bg-table-header);color:var(--text-secondary);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1;padding:14px 20px;font-weight:600;position:sticky;top:0}.custom-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:14px 20px}.custom-table tbody tr:hover{background-color:var(--bg-row-hover)}.custom-table tbody tr:last-child td{border-bottom:none}.asset-thumbnail{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);background-color:var(--neutral-bg);width:42px;height:42px}.asset-thumbnail-placeholder{border-radius:var(--radius-sm);background-color:var(--neutral-bg);width:42px;height:42px;color:var(--text-muted);border:1px solid var(--border);justify-content:center;align-items:center;display:flex}.badge{text-transform:capitalize;border-radius:50px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.badge-available{background-color:var(--success-bg);color:var(--success)}.badge-assigned{background-color:var(--info-bg);color:var(--info)}.badge-damaged{background-color:var(--danger-bg);color:var(--danger)}.badge-underrepair{background-color:var(--warning-bg);color:var(--warning)}.badge-disposed{background-color:var(--neutral-bg);color:var(--neutral)}.badge-new{background-color:var(--info-bg);color:var(--info)}.badge-good{background-color:var(--success-bg);color:var(--success)}.badge-average{background-color:var(--warning-bg);color:var(--warning)}.badge-notworking{background-color:var(--danger-bg);color:var(--danger)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group-full{grid-column:1/-1}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea{font-family:var(--font-family);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-primary);transition:var(--transition);outline:none;width:100%;padding:10px 14px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #ef444426}.form-error{color:var(--danger);font-size:12px;font-weight:500}:root.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}.form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:32px;display:flex}.btn{font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 10px #8b5cf633}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-hover), var(--secondary));transform:translateY(-1px);box-shadow:0 6px 14px #8b5cf64d}.btn-secondary{background-color:var(--neutral-bg);border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--border)}.btn-danger{background-color:var(--danger);color:#fff;box-shadow:0 4px 10px #ef444426}.btn-danger:hover:not(:disabled){background-color:#bc1038;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.photo-uploader{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background-color:var(--bg-app);transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.photo-uploader:hover{border-color:var(--primary);background-color:var(--primary-light)}:root.dark .photo-uploader:hover{background-color:#8b5cf614}.photo-preview-container{border-radius:var(--radius-lg);border:1px solid var(--border);width:140px;height:140px;margin-top:10px;position:relative;overflow:hidden}.photo-preview{object-fit:cover;width:100%;height:100%}.photo-remove-btn{color:#fff;cursor:pointer;width:24px;height:24px;transition:var(--transition);background-color:#0f172ab3;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.photo-remove-btn:hover{background-color:#ef4444e6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:550px;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:600}.modal-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-body{max-height:calc(100vh - 200px);padding:24px;overflow-y:auto}.filters-bar{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}.search-input-wrapper{flex-grow:1;min-width:240px;position:relative}.search-input-wrapper svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-wrapper input{padding-left:44px}.filter-group{align-items:center;gap:10px;min-width:180px;display:flex}.skeleton-container{flex-direction:column;gap:16px;display:flex}.skeleton-bar{background-color:var(--neutral-bg);border-radius:var(--radius-sm);height:20px;animation:1.5s ease-in-out infinite pulse}.skeleton-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);height:120px;animation:1.5s ease-in-out infinite pulse}.detail-grid{grid-template-columns:350px 1fr;gap:32px;display:grid}@media (width<=900px){.detail-grid{grid-template-columns:1fr}}.detail-sidebar,.detail-main{flex-direction:column;gap:24px;display:flex}.detail-photo-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.detail-large-photo{border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--border);background-color:var(--neutral-bg);width:100%;max-width:250px;height:250px}.detail-photo-placeholder{border-radius:var(--radius-lg);background-color:var(--neutral-bg);width:100%;max-width:250px;height:250px;color:var(--text-muted);border:1px solid var(--border);justify-content:center;align-items:center;display:flex}.detail-actions-card{flex-direction:column;gap:12px;padding:20px;display:flex}.detail-info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 20px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.info-value{color:var(--text-primary);font-size:15px;font-weight:500}.tabs-header{border-bottom:1px solid var(--border);gap:24px;margin-bottom:20px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:12px 4px;font-size:15px;font-weight:600;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";background-color:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.history-timeline{flex-direction:column;gap:20px;display:flex}.history-item{padding-left:28px;position:relative}.history-item:before{content:"";background-color:var(--border);width:2px;position:absolute;top:6px;bottom:-26px;left:6px}.history-item:last-child:before{display:none}.history-indicator{background-color:var(--neutral);border:3px solid var(--bg-card);width:14px;height:14px;box-shadow:0 0 0 1px var(--neutral);z-index:2;border-radius:50%;position:absolute;top:4px;left:0}.history-indicator-created{background-color:var(--success);box-shadow:0 0 0 1px var(--success)}.history-indicator-assigned{background-color:var(--info);box-shadow:0 0 0 1px var(--info)}.history-indicator-returned{background-color:var(--success);box-shadow:0 0 0 1px var(--success)}.history-indicator-damaged{background-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.history-indicator-service{background-color:var(--warning);box-shadow:0 0 0 1px var(--warning)}.history-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.history-title{color:var(--text-primary);font-size:14px;font-weight:600}.history-date{color:var(--text-muted);font-size:12px}.history-remarks{color:var(--text-secondary);font-size:13px}.reports-layout{grid-template-columns:240px 1fr;align-items:start;gap:32px;display:grid}@media (width<=850px){.reports-layout{grid-template-columns:1fr}}.reports-menu{flex-direction:column;gap:8px;display:flex}@media (width>=851px){.reports-menu{z-index:10;position:sticky;top:24px}}.reports-menu-btn{text-align:left;background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:12px 16px;font-weight:500;display:flex}.reports-menu-btn:hover{background-color:var(--neutral-bg);color:var(--primary);border-color:var(--text-muted)}.reports-menu-btn.active{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary);font-weight:600}:root.dark .reports-menu-btn.active{background-color:#8b5cf626}.empty-state{text-align:center;color:var(--text-secondary);background-color:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-state-icon{color:var(--text-muted)}.empty-state-title{color:var(--text-primary);font-size:18px;font-weight:600}@media (width>=851px){.main-content:has(.reports-page-container){flex-direction:column;height:calc(100vh - 70px);padding:24px 32px;display:flex;overflow:hidden}.reports-page-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.reports-page-container .page-header{flex-shrink:0;margin-bottom:20px}.reports-page-container .reports-layout{flex-grow:1;grid-template-columns:240px 1fr;align-items:stretch;gap:32px;display:grid;overflow:hidden}.reports-page-container .reports-menu{height:100%;padding-right:4px;overflow-y:auto}.reports-page-container .reports-layout>div,.reports-page-container .card{flex-direction:column;height:100%;display:flex;overflow:hidden}.reports-page-container .card-header{flex-shrink:0}.reports-page-container .card-body{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.reports-page-container .card-body>div{flex-direction:column;gap:16px;height:100%;display:flex;overflow:hidden}.reports-page-container .card-body>div>.search-input-wrapper{flex-grow:0;flex-shrink:0}.reports-page-container .card-body>div>.filters-bar{flex-shrink:0}.reports-page-container .table-container{flex-grow:1;overflow-y:auto;max-height:none!important}}@media print{body{font-size:12pt;color:#000!important;background-color:#fff!important}.sidebar,.header,.theme-toggle-btn,.btn,.filters-bar,.tabs-header,.form-actions,.photo-uploader,.modal-overlay,.reports-menu{display:none!important}.app-container{height:auto!important;min-height:auto!important;display:block!important;overflow:visible!important}.main-wrapper{height:auto!important;display:block!important;overflow:visible!important}.main-content{max-width:100%!important;height:auto!important;padding:0!important;overflow:visible!important}.card{box-shadow:none!important;border:none!important}.card-header{border-bottom:2px solid #000!important;padding:10px 0!important}.card-body{padding:10px 0!important}.reports-layout{display:block!important}.custom-table{border:1px solid #000!important}.custom-table th{color:#000!important;background-color:#f3f4f6!important;border-bottom:2px solid #000!important;padding:8px!important}.custom-table td{color:#000!important;border-bottom:1px solid #000!important;padding:8px!important}.badge{color:#000!important;background:0 0!important;border:1px solid #000!important;padding:2px 6px!important}.clearance-print-doc{background-color:#fff;border:1px solid #ccc;padding:40px!important;display:block!important}}.login-container{background:radial-gradient(circle at 10% 20%, #6366f11a 0%, transparent 40%), radial-gradient(circle at 90% 80%, #a78bfa1a 0%, transparent 40%), var(--bg-app);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:10;flex-direction:column;gap:28px;padding:40px 32px;animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 4px 14px #8b5cf64d}.login-title-group{flex-direction:column;gap:4px;display:flex}.login-title{color:var(--text-primary);letter-spacing:-.5px;font-size:22px;font-weight:700}.login-subtitle{color:var(--text-muted);font-size:13px}.login-form{flex-direction:column;gap:20px;display:flex}.login-hint-box{background-color:var(--info-bg);border-radius:var(--radius-md);color:var(--info);border:1px solid #3b82f633;flex-direction:column;gap:6px;padding:14px 16px;font-size:13px;display:flex}.login-hint-title{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.login-hint-credentials{border-radius:var(--radius-sm);background-color:#ffffff80;width:fit-content;padding:4px 8px;font-family:monospace;font-size:12px;display:inline-block}:root.dark .login-hint-credentials{color:#93c5fd;background-color:#0000004d}.active-row-highlight{background-color:var(--primary-light)!important}:root.dark .active-row-highlight{background-color:#6366f126!important}.active-row-highlight td{font-weight:500}.tab-buttons{gap:8px;display:flex}