:root{--font-main: "IBM Plex Sans", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace;--bg: #f5f5f0;--bg-surface: #ffffff;--bg-dark: #1a1d23;--bg-sidebar: #0f1318;--text: #1a1d23;--text-secondary: #5a5f6b;--text-muted: #8b8f99;--text-inverse: #f5f5f0;--blue: #0055b8;--blue-light: #e8f0fe;--green: #1a7a3a;--green-light: #e6f5ec;--red: #c42b1c;--red-light: #fde8e6;--yellow: #b45309;--yellow-light: #fef3cd;--gray: #6b7280;--gray-light: #e5e7eb;--border: #d1d5db;--border-strong: #9ca3af;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--radius: 6px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-main);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.loading-screen,.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.login-card{text-align:center;padding:3rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:380px}.login-icon{font-size:3rem;display:block;margin-bottom:1rem}.login-card h2{margin-bottom:.5rem}.login-card p{color:var(--text-secondary);margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-main);font-size:.85rem;font-weight:500;cursor:pointer;background:var(--bg-surface);color:var(--text);transition:all .15s}.btn:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:#004299}.btn-secondary{background:var(--bg)}.btn-green{background:var(--green);color:#fff;border-color:var(--green)}.btn-red{background:var(--red);color:#fff;border-color:var(--red)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.btn-xs{padding:.2rem .5rem;font-size:.75rem}.landing{min-height:100vh;background:var(--bg)}.landing-header{padding:2rem 3rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.landing-logo{display:flex;align-items:center;gap:1rem}.logo-icon{font-size:2.5rem}.landing-logo h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.landing-subtitle{color:var(--text-secondary);font-size:.9rem}.landing-content{max-width:900px;margin:3rem auto;padding:0 2rem}.landing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.landing-card{display:block;padding:2rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .2s;text-decoration:none;color:var(--text)}.landing-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue);text-decoration:none}.card-icon{font-size:2rem;display:block;margin-bottom:1rem}.landing-card h3{margin-bottom:.5rem}.landing-card p{color:var(--text-secondary);font-size:.85rem}.admin-card{border-left:3px solid var(--blue)}.public-page{min-height:100vh;background:var(--bg)}.public-header{padding:1rem 2rem;background:var(--bg-dark);border-bottom:2px solid var(--blue)}.viewer-home-link{color:var(--text-inverse);font-weight:600;font-size:1rem;text-decoration:none}.public-content{max-width:900px;margin:0 auto;padding:2rem}.public-content h1{margin-bottom:1.5rem}.search-form{display:flex;gap:.5rem;margin-bottom:2rem}.search-input{flex:1;padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:var(--font-main)}.search-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-light)}.no-results{color:var(--text-muted);font-style:italic}.search-results{display:flex;flex-direction:column;gap:.75rem}.search-result-card{display:block;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all .15s}.search-result-card:hover{border-color:var(--blue);box-shadow:var(--shadow);text-decoration:none}.result-id{font-family:var(--font-mono);font-size:.8rem;color:var(--blue);font-weight:500}.result-name{font-weight:600;margin:.25rem 0}.result-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary)}.building-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.building-card{padding:1rem 1.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:center;font-family:var(--font-main)}.building-card:hover{border-color:var(--blue)}.building-card.active{border-color:var(--blue);background:var(--blue-light)}.building-code{display:block;font-weight:700;font-size:1.2rem}.building-name{display:block;font-size:.75rem;color:var(--text-secondary)}.procedure-viewer{min-height:100vh;background:var(--bg)}.viewer-header{background:var(--bg-dark);padding:.75rem 1.5rem;border-bottom:3px solid var(--yellow)}.viewer-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto}.viewer-loto-id{font-family:var(--font-mono);color:var(--yellow-light);font-weight:600;font-size:.9rem}.viewer-equipment{max-width:1000px;margin:0 auto;padding:1.5rem}.viewer-equip-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.viewer-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.meta-tag{font-size:.85rem;color:var(--text-secondary)}.viewer-sources{margin-top:1rem}.viewer-sources h3{font-size:.9rem;margin-bottom:.5rem;color:var(--text-secondary)}.source-tags{display:flex;flex-wrap:wrap;gap:.4rem}.source-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:3px;font-size:.75rem;border:1px solid var(--border)}.source-tag strong{margin-right:.2rem}.source-electrical{background:#fff3cd;border-color:#ffc107}.source-steam{background:#fde8e6;border-color:#dc3545}.source-water{background:#e8f0fe;border-color:#0d6efd}.source-air{background:#e6f5ec;border-color:#198754}.source-fuel{background:#f8e8d4;border-color:#fd7e14}.source-gas{background:#e8e0f0;border-color:#6f42c1}.viewer-procedure{max-width:1000px;margin:0 auto;padding:0 1.5rem 2rem}.viewer-warning{background:var(--red-light);border:1px solid var(--red);border-radius:var(--radius);padding:.75rem 1rem;font-weight:500;margin-bottom:1rem;color:var(--red)}.viewer-proc-header{margin-bottom:1rem}.viewer-proc-header h2{font-size:1.2rem}.proc-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.viewer-pdf-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem}.viewer-pdf{width:100%;height:80vh;border:none}.viewer-files{margin-top:1rem}.viewer-files h3{font-size:.9rem;margin-bottom:.5rem}.file-link{display:block;padding:.5rem 0;font-size:.85rem;border-bottom:1px solid var(--gray-light)}.viewer-no-procedure{max-width:1000px;margin:0 auto;padding:2rem 1.5rem;text-align:center;color:var(--text-muted)}.viewer-photos{max-width:1000px;margin:0 auto;padding:0 1.5rem 2rem}.viewer-photos h3{margin-bottom:.75rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.photo-item img{width:100%;border-radius:var(--radius);border:1px solid var(--border)}.photo-item figcaption{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.admin-layout{display:flex;height:100vh}.admin-sidebar{width:220px;background:var(--bg-sidebar);color:var(--text-inverse);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.logo-icon-sm{font-size:1.5rem}.sidebar-title{font-weight:700;font-size:.9rem}.sidebar-subtitle{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{flex:1;padding:.75rem .5rem;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;border:none;border-radius:4px;background:transparent;color:#fff9;font-family:var(--font-main);font-size:.85rem;cursor:pointer;transition:all .1s;text-align:left}.nav-item:hover{background:#ffffff0f;color:#ffffffe6}.nav-item.active{background:#ffffff1a;color:#fff;font-weight:500}.nav-icon{font-size:1rem;width:1.2rem;text-align:center}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.25rem}.user-info{margin-bottom:.5rem}.user-name{font-size:.8rem;color:#ffffffb3}.admin-main{flex:1;overflow-y:auto;background:var(--bg)}.admin-page{padding:1.5rem 2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.4rem;font-weight:700}.header-actions{display:flex;gap:.5rem}.page-loading{padding:3rem;text-align:center;color:var(--text-muted)}.filter-bar{display:flex;gap:.5rem;margin-bottom:1rem}.filter-bar select,.input{padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-main);font-size:.85rem;background:var(--bg-surface)}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem}.tab{padding:.6rem 1.25rem;border:none;background:transparent;font-family:var(--font-main);font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.data-table{width:100%;border-collapse:collapse;background:var(--bg-surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.data-table th{padding:.6rem .75rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:#f9fafb;border-bottom:1px solid var(--border)}.data-table td{padding:.55rem .75rem;border-bottom:1px solid var(--gray-light);font-size:.85rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#f9fafb}.data-table .mono{font-family:var(--font-mono);font-size:.8rem}.data-table .text-center{text-align:center}.data-table .text-sm{font-size:.75rem}.data-table .actions{display:flex;gap:.3rem;flex-wrap:wrap}.row-alert{background:var(--red-light)!important}.row-muted{opacity:.5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{padding:1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card.stat-alert{border-left:3px solid var(--red)}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.stat-sub{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.progress-section{margin-bottom:2rem}.progress-section h3{font-size:.9rem;margin-bottom:.5rem}.progress-bar{height:8px;background:var(--gray-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:4px;transition:width .5s}.progress-label{font-size:.8rem;color:var(--text-secondary);margin-top:.3rem}.due-section{margin-top:2rem}.due-section h3{margin-bottom:.75rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-green,.badge-approved,.badge-compliant{background:var(--green-light);color:var(--green)}.badge-red,.badge-overdue,.badge-non_compliant{background:var(--red-light);color:var(--red)}.badge-yellow,.badge-submitted,.badge-needs_revision{background:var(--yellow-light);color:var(--yellow)}.badge-gray,.badge-draft,.badge-inventory{background:var(--gray-light);color:var(--gray)}.badge-procedure_uploaded{background:var(--blue-light);color:var(--blue)}.import-section{margin-bottom:2rem}.import-section h3{margin-bottom:.5rem}.text-muted{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem}.upload-area{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.upload-area input[type=file]{font-family:var(--font-main);font-size:.85rem}.preview-section{margin-top:1rem}.preview-section h4{margin-bottom:.25rem}.preview-table-wrap{max-height:400px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius)}.result-banner{padding:.75rem 1rem;border-radius:var(--radius);margin-top:1rem;font-size:.85rem}.result-banner.success{background:var(--green-light);border:1px solid var(--green);color:var(--green)}.result-banner.warning{background:var(--yellow-light);border:1px solid var(--yellow);color:var(--yellow)}.result-banner.info{background:var(--blue-light);border:1px solid var(--blue);color:var(--blue)}.result-banner ul{margin-top:.5rem;padding-left:1.5rem}.empty-state{padding:3rem;text-align:center;color:var(--text-muted)}@media(max-width:768px){.admin-sidebar{width:60px}.sidebar-header>div,.sidebar-footer .user-info,.sidebar-footer .btn{display:none}.nav-item{justify-content:center;padding:.75rem}.nav-item .nav-icon{margin:0}.admin-page{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.data-table{font-size:.8rem}.viewer-pdf{height:60vh}.landing-content{padding:0 1rem}.search-form{flex-direction:column}}