@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--bg:#f5f4f0;--surface:#fff;--border:#e4e2db;--border-strong:#cccac2;--text:#1a1916;--muted:#7c7a72;--accent:#2d5a3d;--accent-light:#e8f2eb;--accent-muted:#6a9977;--amber:#92600a;--amber-light:#fef3e2;--blue:#1a4b7a;--blue-light:#e8f0fb;--teal:#0f6656;--teal-light:#e3f5f1;--coral:#8b3a2a;--coral-light:#fceee9;--sidebar-w:220px;--radius:8px;--radius-lg:12px;--c-muted:#7c7a72}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}.app-layout{height:100vh;display:flex;overflow:hidden}.app-main{background:var(--bg);flex:1;overflow-y:auto}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 16px 16px;display:flex}.logo-icon{font-size:20px}.logo-text{letter-spacing:-.3px;color:var(--text);font-size:15px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex}.nav-item{border-radius:var(--radius);color:var(--muted);align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--accent-light);color:var(--accent)}.sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:12px;display:flex}.user-row{align-items:center;gap:8px;padding:6px 4px;display:flex}.user-avatar{background:var(--accent-light);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.user-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.lang-switcher{flex-wrap:wrap;gap:4px;display:flex}.lang-btn{border:1px solid var(--border);cursor:pointer;color:var(--muted);font-size:11px;font-weight:500;font-family:var(--font);background:0 0;border-radius:99px;align-items:center;gap:3px;padding:3px 7px;transition:all .12s;display:flex}.lang-btn:hover{border-color:var(--border-strong);color:var(--text)}.lang-btn.active{background:var(--accent-light);border-color:var(--accent-muted);color:var(--accent)}.lang-label{font-size:10px}.page{max-width:960px;padding:32px 36px}.page-title{color:var(--text);letter-spacing:-.5px;margin-bottom:24px;font-size:22px;font-weight:600}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header .page-title{margin-bottom:0}.page-loading{height:200px;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 16px;text-decoration:none;transition:opacity .12s;display:inline-flex}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:9px 16px;transition:all .12s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-strong);color:var(--text)}.icon-btn{border-radius:var(--radius);cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.icon-btn:hover{background:var(--bg);color:var(--text)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.stat-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;display:flex}.stat-value{letter-spacing:-1px;margin-bottom:2px;font-size:28px;font-weight:600}.stat-label{color:var(--muted);font-size:12px;font-weight:500}.stat-amber .stat-icon{background:var(--amber-light);color:var(--amber)}.stat-amber .stat-value{color:var(--amber)}.stat-blue .stat-icon{background:var(--blue-light);color:var(--blue)}.stat-blue .stat-value{color:var(--blue)}.stat-teal .stat-icon{background:var(--teal-light);color:var(--teal)}.stat-teal .stat-value{color:var(--teal)}.stat-coral .stat-icon{background:var(--coral-light);color:var(--coral)}.stat-coral .stat-value{color:var(--coral)}.section{margin-top:8px}.section-title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:14px;font-weight:600}.report-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.report-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.report-row:last-child{border-bottom:none}.report-icon{color:var(--muted);flex-shrink:0}.report-info{flex-direction:column;flex:1;gap:2px;display:flex}.report-site{color:var(--text);font-size:14px;font-weight:500}.report-foreman{color:var(--muted);font-size:12px}.report-date{color:var(--muted);font-size:12px;font-family:var(--font-mono);flex-shrink:0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state p{color:var(--muted);font-size:14px}.empty-icon{color:var(--border-strong)}.sites-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.site-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:border-color .12s}.site-card:hover{border-color:var(--border-strong)}.site-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.site-icon{border-radius:var(--radius);background:var(--amber-light);width:32px;height:32px;color:var(--amber);justify-content:center;align-items:center;display:flex}.site-name{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.site-address{color:var(--muted);margin-bottom:2px;font-size:13px}.site-date{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.badge{border-radius:99px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-teal{background:var(--teal-light);color:var(--teal)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-coral{background:var(--coral-light);color:var(--coral)}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.form-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-header h2{font-size:15px;font-weight:600}.field{flex-direction:column;flex:1;gap:5px;display:flex}.field label{color:var(--muted);letter-spacing:.03em;font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);background:var(--surface);color:var(--text);outline:none;padding:8px 11px;font-size:14px;transition:border-color .12s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field-row{gap:12px;margin-bottom:12px;display:flex}.form-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.login-wrapper{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:36px 32px}.login-top{text-align:center;margin-bottom:28px}.login-logo{margin-bottom:12px;font-size:36px}.login-title{letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:600}.login-sub{color:var(--muted);font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-form .field{margin:0}.login-form .btn-primary{justify-content:center;width:100%;margin-top:4px;padding:11px}.login-lang{justify-content:center;margin-top:20px;display:flex}.error-msg{color:var(--coral);background:var(--coral-light);border-radius:var(--radius);padding:8px 12px;font-size:13px}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .nav-item,[dir=rtl] .sidebar-logo,[dir=rtl] .user-row,[dir=rtl] .page-header{flex-direction:row-reverse}[dir=rtl] .stat-card{text-align:right}[dir=rtl] .field-row,[dir=rtl] .form-actions,[dir=rtl] .report-row{flex-direction:row-reverse}[dir=rtl] .field label{text-align:right}[dir=rtl] .field input,[dir=rtl] .field select,[dir=rtl] .field textarea{text-align:right;direction:rtl}.report-form{flex-direction:column;gap:0;max-width:700px;display:flex}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px 20px}.field textarea{resize:vertical;min-height:80px}.sig-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:#fff;position:relative}.sig-canvas{cursor:crosshair;border-radius:var(--radius);touch-action:none;width:100%;height:140px;display:block}.sig-clear{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--muted);font-size:12px;font-family:var(--font);padding:3px 10px;position:absolute;top:8px;right:8px}.sig-clear:hover{border-color:var(--border-strong);color:var(--text)}.success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;display:flex}.success-screen h2{color:var(--teal);font-size:20px;font-weight:600}.success-icon{color:var(--teal)}.reports-table{flex-direction:column;gap:8px;display:flex}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:border-color .12s;display:flex}.report-card:hover{border-color:var(--border-strong)}.report-card-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.report-card-date{font-size:13px;font-family:var(--font-mono);color:var(--muted);white-space:nowrap;flex-shrink:0}.report-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.report-card-site{color:var(--text);font-size:14px;font-weight:600}.report-card-meta{color:var(--muted);font-size:12px}.report-card-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.translating-hint{background:var(--teal-light);color:var(--teal);border-radius:var(--radius);margin-bottom:8px;padding:10px 14px;font-size:13px}.required{color:var(--coral);font-size:11px}.field-error{color:var(--coral);margin-top:3px;font-size:12px}.input-error{border-color:var(--coral)!important;background:var(--coral-light)!important}.input-error:focus{border-color:var(--coral)!important}.form-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:600}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:700px;overflow:hidden}.detail-section{border-bottom:1px solid var(--border);padding:16px 20px}.detail-section:last-child{border-bottom:none}.detail-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:600}.detail-row{gap:12px;padding:3px 0;display:flex}.detail-label{color:var(--muted);flex-shrink:0;min-width:160px;font-size:13px}.detail-value{color:var(--text);font-size:13px}.detail-block{margin-bottom:12px}.detail-block:last-child{margin-bottom:0}.detail-block-title{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:600}.detail-block-text{white-space:pre-wrap;font-size:14px;line-height:1.6}.detail-block-orig{color:var(--muted);border-left:2px solid var(--border);margin-top:6px;padding-left:8px;font-size:12px;font-style:italic}.sig-preview{border:1px solid var(--border);border-radius:var(--radius);background:#fff;max-width:180px;max-height:70px;margin-bottom:6px;display:block}.site-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.site-info-item{color:var(--text);font-size:13px}.view-toggle{gap:8px;display:flex}.toggle-btn{border:1px solid var(--border);font-size:13px;font-family:var(--font);color:var(--muted);cursor:pointer;background:0 0;border-radius:99px;padding:6px 14px;transition:all .12s}.toggle-btn.active{background:var(--accent-light);border-color:var(--accent-muted);color:var(--accent);font-weight:500}.toggle-btn:hover:not(.active){border-color:var(--border-strong);color:var(--text)}.grouped-reports{flex-direction:column;gap:8px;display:flex}.report-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.group-header{cursor:pointer;width:100%;font-family:var(--font);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.group-header:hover{background:var(--bg)}.group-label{color:var(--text);flex:1;font-size:14px;font-weight:600}.group-count{color:var(--muted);font-size:12px}.group-body .report-card{border-bottom:none;border-left:none;border-right:none;border-top:1px solid var(--border);border-radius:0}.group-body .report-card:first-child{border-top:1px solid var(--border)}.sig-footer{justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.sig-saved{color:var(--teal);font-size:12px;font-weight:500}