:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--toolshark-black: #000000;--toolshark-white: #ffffff;--toolshark-gray-100: #f5f5f5;--toolshark-gray-200: #e9e9e9;--toolshark-gray-300: #d4d4d4;--toolshark-gray-400: #a3a3a3;--toolshark-gray-500: #737373;--toolshark-gray-600: #525252;--toolshark-gray-700: #404040;--toolshark-gray-800: #262626;--toolshark-gray-900: #171717;--toolshark-accent: #000000;--toolshark-danger: #dc3545;--toolshark-success: #28a745}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--toolshark-gray-900);background-color:var(--toolshark-gray-100);min-height:100vh}body:before{content:"";background-image:url(../assets/KEEPTRACK.png);background-size:cover;background-position:center center;background-repeat:no-repeat;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:-1;opacity:.1}#root{max-width:100%;margin:0;padding:0;text-align:center;display:flex;flex-direction:column;min-height:100vh}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-wrapper{min-height:100vh;position:relative;width:100%;background-image:url(../assets/KEEPTRACK.png);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat}.with-background:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#ffffff80;z-index:-1;pointer-events:none}.app-container{flex:1;padding:80px 20px 20px;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;position:relative;z-index:1}header{background-color:var(--toolshark-black);padding:15px 20px;color:var(--toolshark-white);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 2px 4px #0003;box-sizing:border-box}header h2{margin:0;font-weight:700}nav{display:flex;align-items:center}.nav-links{display:flex;align-items:center}nav a{color:var(--toolshark-white);text-decoration:none;margin:0 15px;font-weight:500;transition:opacity .2s}nav a:hover{opacity:.8}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1001;position:relative}.mobile-menu-toggle .bar{height:3px;width:100%;background-color:var(--toolshark-white);border-radius:10px;transition:all .3s ease}.mobile-menu-toggle.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.active .bar:nth-child(2){opacity:0}.mobile-menu-toggle.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}nav .nav-links{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:var(--toolshark-black);flex-direction:column;justify-content:center;align-items:center;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000}nav.mobile-menu-open .nav-links{transform:translate(0)}nav a,nav .dropdown{margin:15px 0;font-size:1.2rem}.dropdown-content{position:relative;width:100%;text-align:center;box-shadow:none;margin-top:10px}.dropdown-content a,.dropdown-content button{font-size:1rem;padding:10px}.app-container{padding:70px 15px 15px}form{padding:15px}.profile-form{grid-template-columns:1fr;gap:20px}.tool-list-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.tool-list-view table{min-width:600px}.tool-list-view th,.tool-list-view td{padding:8px 5px;font-size:12px}button{padding:12px 15px;min-height:44px;min-width:44px}.tool-actions{flex-wrap:wrap;gap:8px}.tool-actions button{flex:1;min-width:80px;font-size:12px;padding:8px;white-space:nowrap}.admin-menu{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-actions{width:100%;justify-content:flex-start}.user-list{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-list table{min-width:700px}}@media (max-width: 480px){h2{font-size:1.5rem}.app-container{padding:65px 10px 10px}.tool-list-view th,.tool-list-view td{padding:6px 4px;font-size:11px}.tool-image-cell{width:60px}.tool-thumbnail,.no-image{width:50px;height:50px}.tools-header{flex-direction:column;align-items:flex-start;gap:10px}.tools-actions{width:100%;justify-content:space-between}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=file],input[type=tel],textarea,select{font-size:16px;padding:12px}.auth-container{padding:10px}.auth-box{padding:20px}}.logo-container{display:flex;align-items:center}.header-logo{height:40px;margin-right:12px;cursor:pointer;transition:transform .2s}.header-logo:hover{transform:scale(1.1)}.dropdown{position:relative;display:inline-block}.dropbtn{background-color:transparent;color:var(--toolshark-white);padding:10px 15px;font-size:16px;border:none;cursor:pointer;margin:0}.dropdown-content{display:none;position:absolute;right:0;background-color:var(--toolshark-white);min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px}.dropdown-content a{color:var(--toolshark-gray-900);padding:5px;text-decoration:none;display:block;margin:0;font-size:10px}.dropdown-content button{width:100%;text-align:left;background-color:transparent;color:var(--toolshark-gray-900);padding:5px;border-radius:0;font-size:10px}.dropdown-content a:hover,.dropdown-content button:hover{background-color:var(--toolshark-gray-100);color:var(--toolshark-black)}.dropdown:hover .dropdown-content{display:block}button{background-color:var(--toolshark-black);color:var(--toolshark-white);border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,transform .1s}button:hover{background-color:var(--toolshark-gray-800);transform:translateY(-1px)}button:active{transform:translateY(1px)}button.secondary{background-color:var(--toolshark-gray-300);color:var(--toolshark-gray-900)}button.secondary:hover{background-color:var(--toolshark-gray-400)}button.danger{background-color:var(--toolshark-danger)}button.danger:hover{background-color:#bd2130}button:disabled{background-color:var(--toolshark-gray-300);color:var(--toolshark-gray-500);cursor:not-allowed;transform:none}.tools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tools-actions{display:flex;gap:10px}.export-button{background-color:var(--toolshark-black);color:var(--toolshark-white);display:flex;align-items:center;gap:5px;font-weight:500}.export-button:hover{background-color:var(--toolshark-gray-800)}.export-button:disabled{background-color:var(--toolshark-gray-400);cursor:not-allowed}.search-container{margin-bottom:15px;width:100%}.search-input{width:100%;padding:10px 15px;border:1px solid var(--toolshark-gray-300);border-radius:4px;font-size:16px;background-color:var(--toolshark-white);box-shadow:0 1px 3px #0000001a}.search-input:focus{border-color:var(--toolshark-black);outline:none;box-shadow:0 0 0 2px #0000001a}.tool-list-view{width:100%;margin-top:10px;overflow-x:auto;background-color:var(--toolshark-white);border-radius:8px;box-shadow:0 2px 8px #0000001a}.tool-list-view table{width:100%;border-collapse:collapse}.tool-list-view th,.tool-list-view td{padding:5px;text-align:left;border-bottom:1px solid var(--toolshark-gray-200);vertical-align:top;font-size:10px}.tool-list-view th{background-color:var(--toolshark-black);color:var(--toolshark-white);font-weight:500;position:sticky;top:0}.tool-list-view tr:hover{background-color:var(--toolshark-gray-100)}.tool-name{font-weight:700;color:var(--toolshark-gray-900)}.tool-description{font-size:.85em;color:var(--toolshark-gray-600);margin-top:4px}.model-number{font-size:.85em;color:var(--toolshark-gray-600)}.warranty-valid{color:#28a745;font-weight:700;font-size:10px}.warranty-expiring{color:#ffc107;font-weight:700;font-size:10px}.warranty-expired{color:#dc3545;font-weight:700;font-size:10px}.tool-documents{display:flex;gap:10px}.tool-documents a{font-size:1.5em;text-decoration:none;display:inline-block;width:32px;height:32px;background-color:var(--toolshark-gray-200);border-radius:50%;text-align:center;line-height:32px;transition:all .2s}.tool-documents a:hover{background-color:var(--toolshark-black);color:var(--toolshark-white);transform:scale(1.1)}.asset-id{font-family:monospace;font-weight:700;background-color:var(--toolshark-black);color:var(--toolshark-white);padding:4px 8px;border-radius:4px;display:inline-block;letter-spacing:1px}.tool-image-cell{width:80px;text-align:center;padding:5px!important;vertical-align:middle!important}.tool-thumbnail{width:70px;height:70px;object-fit:contain;border-radius:4px;cursor:pointer;transition:transform .2s;box-shadow:0 2px 4px #0000001a;margin:0 auto;display:block}.tool-thumbnail:hover{transform:scale(1.2)}.no-image{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background-color:var(--toolshark-gray-200);color:var(--toolshark-gray-500);font-size:.7em;border-radius:4px;margin:0 auto}.tool-actions{display:flex;flex-direction:row;gap:5px;justify-content:flex-start;align-items:center}.tool-actions button{padding:6px 12px;font-size:13px;white-space:nowrap}form{max-width:600px;margin:0 auto;padding:25px;background-color:var(--toolshark-white);border-radius:8px;box-shadow:0 2px 8px #0000001a}.profile-form{display:grid;grid-template-columns:1fr 2fr;gap:30px;max-width:800px}.profile-sidebar{background-color:var(--toolshark-gray-100);padding:20px;border-radius:8px;text-align:center}.profile-image-container{margin-bottom:20px}.profile-image{width:150px;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 8px #0000001a}.profile-details{text-align:left}.profile-details h3{margin-top:0;border-bottom:1px solid var(--toolshark-gray-300);padding-bottom:10px;margin-bottom:20px}.form-group{margin-bottom:22px}label{display:block;margin-bottom:8px;font-weight:600;color:var(--toolshark-gray-800)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=file],input[type=tel],textarea,select{display:block;width:100%;padding:10px 12px;border:1px solid var(--toolshark-gray-300);border-radius:4px;background-color:var(--toolshark-white);color:var(--toolshark-gray-900);box-sizing:border-box;font-size:16px;transition:border-color .3s,box-shadow .3s}input:focus,textarea:focus,select:focus{border-color:var(--toolshark-black);outline:none;box-shadow:0 0 0 2px #0000001a}.form-actions{display:flex;justify-content:flex-start;margin-top:30px}.form-actions button{margin-right:10px}.required{color:var(--toolshark-danger);margin-left:3px}.mandatory-note{margin-top:20px;margin-bottom:20px;font-size:.9em;color:var(--toolshark-gray-600)}.mandatory-note .required{font-size:1.2em;vertical-align:middle}.input-error{border-color:var(--toolshark-danger)!important;background-color:#dc35450d}.field-error{color:var(--toolshark-danger);font-size:.85em;margin-top:5px}.checking-message{color:var(--toolshark-gray-600);font-size:.85em;margin-top:5px;font-style:italic}.file-preview{margin-top:10px;padding:10px;border:1px dashed var(--toolshark-gray-300);border-radius:4px;display:flex;justify-content:center;background-color:var(--toolshark-gray-100)}input[type=file]{padding:8px;border:1px dashed var(--toolshark-gray-300)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:transparent;position:relative;z-index:2}.auth-box{text-align:center;padding:35px;max-width:400px;width:100%;background-color:#ffffffe6;border-radius:8px;box-shadow:0 0 20px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:box-shadow .3s ease}.auth-box:hover{box-shadow:0 0 25px #0000004d}.auth-box h2{margin-top:0;color:var(--toolshark-gray-900);font-weight:700}.auth-logo{text-align:center;margin-bottom:20px}.login-logo{height:60px;margin-bottom:10px}.login-button,.google-button{width:100%;padding:12px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.login-button{background-color:#000;color:#fff}.login-button:hover{background-color:#333}.google-button{background-color:#4285f4;color:#fff}.google-button:hover{background-color:#357ae8}.auth-links a{color:#000;text-decoration:none}.auth-links a:hover{text-decoration:underline}.success-message,.error-message{padding:5px;margin-bottom:20px;border-radius:4px;font-weight:500;font-size:10px}.success-message{background-color:#d4edda;color:#155724;border-left:4px solid var(--toolshark-success)}.error-message{background-color:#f8d7da;color:#721c24;border-left:4px solid var(--toolshark-danger)}.empty-state{text-align:center;padding:40px 0;background-color:var(--toolshark-gray-100);border-radius:8px;border:1px dashed var(--toolshark-gray-300)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:20px;color:var(--toolshark-gray-600)}.no-auth .app-container{padding-top:20px}:focus{outline-color:#000}@media print{body{background-color:#fff}header,.tools-actions,.tool-documents,.tool-actions{display:none}.app-container{padding-top:0}.tool-list-view{box-shadow:none}.tool-list-view table{width:100%}}.dashboard,.comprehensive-dashboard{margin-bottom:30px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dashboard-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.dashboard-card h3{margin-top:0;margin-bottom:15px;font-size:16px;color:var(--toolshark-gray-600);text-align:center}.card-value{font-size:28px;font-weight:700;text-align:center;margin-bottom:5px}.card-subtitle{text-align:center;color:var(--toolshark-gray-500);font-size:14px}.chart-container{flex:1;position:relative;min-height:200px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;flex:1}.status-item{text-align:center;padding:15px 10px;border-radius:6px}.status-value{font-size:24px;font-weight:700;margin-bottom:5px}.status-label{font-size:14px}.status-item.valid{background-color:#28a7451a;color:#28a745}.status-item.expiring{background-color:#ffc1071a;color:#ffc107}.status-item.expired{background-color:#dc35451a;color:#dc3545}.status-item.no-warranty{background-color:#6c757d1a;color:#6c757d}.condition-bars{margin-top:15px;flex:1}.condition-bar{display:flex;align-items:center;margin-bottom:15px}.condition-label{width:50px;font-size:14px}.progress-bar{flex:1;height:20px;background-color:var(--toolshark-gray-200);border-radius:10px;overflow:hidden;margin:0 10px}.progress-fill{height:100%;border-radius:10px}.progress-fill.new{background-color:#28a745}.progress-fill.used{background-color:#ffc107}.condition-percentage{width:40px;font-size:14px;text-align:right}.condition-counts{display:flex;justify-content:space-around;font-size:14px;color:var(--toolshark-gray-600)}.comprehensive-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.comprehensive-dashboard .dashboard-header h2{margin:0;color:var(--toolshark-gray-900)}.comprehensive-dashboard .dashboard-summary{display:flex;gap:20px}.comprehensive-dashboard .summary-item{display:flex;flex-direction:column;align-items:center}.comprehensive-dashboard .summary-label{font-size:14px;color:var(--toolshark-gray-600)}.comprehensive-dashboard .summary-value{font-size:20px;font-weight:700;color:var(--toolshark-gray-900)}.comprehensive-dashboard .dashboard-footer{text-align:right;margin-top:20px;color:var(--toolshark-gray-500);font-size:14px}.comprehensive-dashboard .status-grid{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.dashboard-grid,.comprehensive-dashboard .status-grid{grid-template-columns:repeat(2,1fr)}.comprehensive-dashboard .dashboard-summary{flex-direction:column;gap:10px}}@media (max-width: 600px){.dashboard-grid{grid-template-columns:1fr}.comprehensive-dashboard .dashboard-header{flex-direction:column;text-align:center}.comprehensive-dashboard .dashboard-summary{margin-top:15px;flex-direction:row;justify-content:center;flex-wrap:wrap}}.action-buttons{display:flex;justify-content:flex-end;margin-bottom:20px}.import-button{background-color:var(--toolshark-black);color:var(--toolshark-white);display:flex;align-items:center;gap:5px;font-weight:500;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s}.import-button:hover{background-color:var(--toolshark-gray-800);transform:translateY(-1px)}.import-button:active{transform:translateY(1px)}.admin-dashboard{max-width:1000px;margin:0 auto}.admin-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.admin-menu-item{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.admin-menu-item:hover{transform:translateY(-5px)}.admin-menu-item h3{margin-top:0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-actions{display:flex;gap:10px}.user-list table,.preview-section table,.recent-section table{width:100%;border-collapse:collapse;box-shadow:0 2px 8px #0000001a;background-color:#fff;border-radius:8px;overflow:hidden}.user-list th,.user-list td,.preview-section th,.preview-section td,.recent-section th,.recent-section td{padding:5px;text-align:left;border-bottom:1px solid #eee;font-size:10px}.user-list th,.preview-section th,.recent-section th{background-color:#000;color:#fff}.user-list tr:hover,.recent-section tr:hover{background-color:#f5f5f5}.import-section,.export-section{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}