:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#10b981;--danger:#ef4444;--warning:#f59e0b;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--surface:#fff;--bg:#f5f7fb;--soft-blue:#eff6ff;--soft-green:#ecfdf5;--soft-red:#fef2f2;--soft-yellow:#fffbeb;--radius:18px;--shadow:0 12px 35px #0f172a14}*{box-sizing:border-box}.auth-splash{background:radial-gradient(circle at top left, #e0ecff, transparent 35%), var(--bg);position:fixed;inset:0}body{color:var(--ink);background:radial-gradient(circle at top left, #e0ecff, transparent 35%), var(--bg);min-height:100vh;margin:0;font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1280px,100% - 32px);margin:0 auto}.topbar{z-index:100;color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);position:sticky;top:0;box-shadow:0 10px 30px #0f172a38}.topbar-main{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{flex-shrink:0;align-items:center;gap:14px;display:flex}.brand h1,.brand p{margin:0}.brand h1{letter-spacing:-.02em;font-size:20px}.brand-sub{color:#c7d2fe;font-size:12px}.brand-icon{background:#ffffff24;border:1px solid #fff3;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.topbar-nav-strip{background:#0003;border-top:1px solid #ffffff12}.topnav-wrap{align-items:center;gap:2px;padding:0 2px;display:flex}.topnav-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:2px;padding:6px 2px;display:flex;overflow-x:auto}.topnav-scroll::-webkit-scrollbar{display:none}.topnav-item{color:#ffffff9e;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;min-height:36px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:flex}.topnav-item:hover{color:#fff;background:#ffffff1a;border-color:#ffffff1f}.topnav-active{box-shadow:0 1px 4px #0000002e,inset 0 1px #ffffff1a;color:#fff!important;background:#fff3!important;border-color:#ffffff38!important}.topnav-arrow{color:#ffffffbf;cursor:pointer;background:#ffffff14;border:none;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;transition:background .18s,color .18s,opacity .18s;display:grid}.topnav-arrow:hover{color:#fff;background:#ffffff2e}.topnav-arrow--hidden{opacity:0;pointer-events:none}.user-panel{flex-shrink:0;align-items:center;gap:10px;display:flex}.user-info{text-align:right}.user-name{color:#fff;font-size:14px;font-weight:700;display:block}.btn-icon{color:#fff;background:#ffffff1f;border:none;border-radius:10px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.btn-icon:hover{background:#fff3}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:28px 0 60px}.page-header{margin-bottom:24px}.page-header h2{letter-spacing:-.02em;margin:0;font-size:26px}.page-header p{color:var(--muted);margin:6px 0 0}.back-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-weight:600;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--primary)}.panel,.project-card,.form-panel,.defect-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #ffffffa6}.panel{padding:22px}.panel h3,.panel h4{margin:0 0 14px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 2px 8px #0000000a}.kpi-card strong{font-size:28px;line-height:1;display:block}.kpi-card span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.kpi-icon{width:48px;height:48px;color:var(--primary);background:var(--soft-blue);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.kpi-card.danger .kpi-icon{color:var(--danger);background:var(--soft-red)}.kpi-card.success .kpi-icon{color:var(--secondary);background:var(--soft-green)}.kpi-card.warning .kpi-icon{color:#92400e;background:var(--soft-yellow)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{transition:all .2s;overflow:hidden}.project-card:hover{border-color:#2563eb59;transform:translateY(-3px)}.project-cover{color:#fff;background:linear-gradient(135deg,#1e3a8a,#38bdf8);align-items:flex-end;min-height:130px;padding:20px;font-size:18px;font-weight:800;display:flex}.project-cover.green{background:linear-gradient(135deg,#065f46,#22c55e)}.project-cover.purple{background:linear-gradient(135deg,#581c87,#a855f7)}.project-cover.blue{background:linear-gradient(135deg,#1e3a8a,#38bdf8)}.project-body{padding:18px}.project-body h3{margin:0 0 4px;font-size:15px}.mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.mini-stats span{color:var(--muted);text-align:center;background:#f8fafc;border-radius:10px;padding:8px;font-size:12px}.mini-stats strong{color:var(--ink);font-size:18px;font-weight:800;display:block}.progress{margin:12px 0}.progress-label{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.progress-label span{color:var(--muted)}.progress-track{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;transition:width .4s}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.stage-layout{grid-template-columns:300px 1fr;gap:20px;display:grid}.stage-sidebar{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #ffffffa6;height:fit-content;padding:20px}.stage-list{gap:8px;margin-top:16px;display:grid}.stage-item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr auto;gap:6px;padding:12px;display:grid}.stage-item.active{border-color:var(--primary);background:var(--soft-blue)}.stage-row{border:1px solid var(--line);background:#f8fafc;border-radius:12px;margin-bottom:10px;padding:14px;transition:border-color .15s,background .15s}.stage-row:hover{border-color:var(--primary);background:#f0f4ff}.stage-row-selected{box-shadow:0 0 0 2px #2563eb1f;border-color:var(--primary)!important;background:var(--soft-blue)!important}.stage-row-selected .stage-row-title{color:var(--primary)}.stage-row-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stage-row-title{font-weight:700}.stage-row-progress{align-items:center;gap:10px;display:flex}.stage-row-progress .progress-track{flex:1;height:8px}.stage-row-progress span{text-align:right;min-width:36px;font-size:13px;font-weight:700}.stage-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;padding-bottom:14px;display:flex}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.info-card{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:14px}.info-card span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.info-card strong{font-size:14px;display:block}.defect-list,.report-list{gap:14px;display:grid}.defect-card{border-left:5px solid var(--warning);padding:18px;transition:all .2s}.defect-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001a}.defect-sev-critical.defect-card{border-left-color:var(--danger)}.defect-sev-high.defect-card{border-left-color:#f59e0b}.defect-sev-medium.defect-card{border-left-color:var(--primary)}.defect-sev-low.defect-card{border-left-color:var(--secondary)}.defect-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.defect-head h3{margin:0 0 4px;font-size:15px}.defect-head p{color:var(--muted);margin:0;font-size:13px}.defect-card>p{color:var(--muted);margin:6px 0;font-size:14px}.defect-row{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .15s;display:flex}.defect-row:hover{border-color:var(--primary);background:var(--soft-blue)}.defect-sev-critical.defect-row{border-left:4px solid var(--danger)}.defect-sev-high.defect-row{border-left:4px solid #f59e0b}.defect-sev-medium.defect-row{border-left:4px solid var(--primary)}.defect-sev-low.defect-row{border-left:4px solid var(--secondary)}.defect-row-main{flex:1;min-width:0}.defect-row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.defect-row-loc{color:var(--muted);font-size:12px;display:block}.defect-row-meta{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px 8px;display:flex}.meta-row{flex-wrap:wrap;gap:16px;margin-top:10px;font-size:13px;display:flex}.defect-card-footer{flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;font-size:13px;display:flex}.defect-card-footer .text-muted{align-items:center;gap:4px;display:flex}.due-date{color:#b45309;align-items:center;gap:6px;margin-top:0;font-size:13px;display:flex}.filters-bar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.filters-bar select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;min-width:180px;padding:9px 12px}.form-panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #ffffffa6;gap:16px;padding:24px;display:grid}.form-group{gap:7px;display:grid}.form-group label{font-size:14px;font-weight:700}.form-grid,.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:11px 13px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.form-error{background:var(--soft-red);color:#991b1b;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600}.field-error{color:var(--danger);font-size:12px;font-weight:600}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.success-banner{background:var(--soft-green);color:#065f46;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:700}.checkbox-group{flex-wrap:wrap;gap:10px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn:disabled{opacity:.6;pointer-events:none}.btn-link-muted{width:100%;color:var(--muted);text-align:center;cursor:pointer;background:0 0;border:none;margin-top:4px;padding:6px 0;font-size:13px;display:block}.btn-link-muted:hover{color:var(--primary);text-decoration:underline}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:#f3f4f6;transform:none}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-full,.btn-block{width:100%}.btn-sm{border-radius:8px;padding:7px 12px;font-size:12px}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-green{color:#065f46;background:#d1fae5}.badge-red{color:#991b1b;background:#fee2e2}.badge-orange{color:#9a3412;background:#ffedd5}.badge-purple{color:#5b21b6;background:#ede9fe}.badge-gray,.badge-neutral{color:#374151;background:#f3f4f6}.badge-warn{color:#92400e;background:#fef3c7}.badge-info{color:#1e40af;background:#dbeafe}.badge-success{color:#065f46;background:#d1fae5}.badge-error{color:#991b1b;background:#fee2e2}.badge-sm{padding:2px 7px;font-size:10px}.detail-grid{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.history-list{gap:0;display:grid}.history-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:10px 0;display:flex;position:relative}.history-item:last-child{border-bottom:none}.history-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.history-date{color:var(--muted);margin:4px 0;font-size:12px;display:block}.history-comment{color:#374151;margin:4px 0 0;font-size:13px}.comment-section{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #ffffffa6;margin-top:16px;padding:20px}.comment-section h4{align-items:center;gap:8px;margin:0 0 14px;display:flex}.comment-list{gap:10px;margin-bottom:14px;display:grid}.comment-item{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:12px}.comment-item p{margin:6px 0 0;font-size:14px}.comment-meta{justify-content:space-between;align-items:center;display:flex}.comment-meta strong{font-size:13px}.comment-meta span{color:var(--muted);font-size:12px}.comment-form{gap:8px;display:flex}.comment-form input{flex:1}.empty-text{color:var(--muted);padding:8px 0;font-size:13px}.photo-grid{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.photo-thumb{object-fit:cover;border:2px solid var(--line);cursor:pointer;border-radius:10px;width:90px;height:90px;transition:all .2s}.photo-thumb:hover{transform:scale(1.05)}.file-upload{gap:10px;display:grid}.file-upload-area{background:var(--soft-blue);color:#1e40af;cursor:pointer;border:2px dashed #93c5fd;border-radius:14px;align-items:center;gap:12px;padding:18px;transition:all .2s;display:flex}.file-upload-area:hover{background:#dbeafe}.file-upload-area span{font-weight:700}.file-upload-area small{color:#60a5fa;margin-top:2px;font-size:12px;display:block}.file-previews{flex-wrap:wrap;gap:8px;display:flex}.file-preview{border-radius:10px;width:80px;height:80px;position:relative;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%}.file-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}.file-preview--compressing{background:#eff6ff;border:2px dashed #93c5fd;overflow:visible}.file-preview-loading{color:#2563eb;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;font-size:11px;font-weight:600;display:flex}.file-preview-ok{color:#fff;background:#16a34a;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:4px;right:4px}.file-preview--error{background:#fef2f2;border:1.5px solid #fca5a5;flex-direction:column;justify-content:center;gap:4px;width:auto;min-width:200px;height:auto;min-height:80px;padding:8px 36px 8px 10px;display:flex;position:relative;overflow:visible}.file-preview-error-icon{color:#dc2626;flex-shrink:0}.file-preview-error-name{color:#991b1b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.file-preview-error-msg{color:#7f1d1d;font-size:11px;line-height:1.4}.file-remove--inline{position:absolute;top:6px;right:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.doc-upload{gap:10px;margin:4px 0;display:grid}.doc-upload-label{color:var(--ink);font-size:14px;font-weight:700}.doc-errors{gap:4px;display:grid}.doc-hint{color:var(--muted);margin:0;font-size:12px}.doc-list{gap:8px;margin-top:6px;display:grid}.doc-item{border:1px solid var(--line);background:#f8fafc;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.doc-pdf{color:#dc2626;flex-shrink:0}.doc-xls{color:#16a34a;flex-shrink:0}.doc-info{flex:1;min-width:0}.doc-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.doc-meta{color:var(--muted);margin-top:2px;font-size:12px;display:block}.doc-remove{width:28px;height:28px;color:var(--danger);cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.doc-remove:hover{background:var(--soft-red)}.doc-actions{flex-shrink:0;gap:6px;display:flex}.doc-list-view{margin-top:12px}.doc-list-label{color:var(--ink);margin:0 0 6px;font-size:13px;font-weight:700}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state h3{color:var(--ink);margin:0;font-size:18px}.empty-state p{margin:0;font-size:14px}.report-item{border:1px solid var(--line);word-break:break-word;background:#f8fafc;border-radius:12px;margin-bottom:10px;padding:14px;overflow:hidden}.report-item strong,.report-item span{display:block}.report-item span{color:var(--muted);margin-top:4px;font-size:13px}.report-item p{color:#374151;overflow-wrap:break-word;margin:8px 0 0;font-size:13px}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 40px);animation:.25s slideUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a33}.modal-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.modal-wide{max-width:680px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.modal-title{margin:0;font-size:18px}.modal-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;place-items:center;transition:all .15s;display:grid}.modal-close:hover{background:#e5e7eb}.modal-body{padding:20px 22px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:16px 22px 20px;display:flex}.auth-page{background:radial-gradient(circle at 20% 20%, #dbeafe, transparent 50%), radial-gradient(circle at 80% 80%, #d1fae5, transparent 50%), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#fffffff2;border:1px solid #ffffffb3;border-radius:24px;width:100%;max-width:440px;padding:36px;box-shadow:0 32px 80px #0f172a1f}.auth-card-wide{max-width:640px}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 14px;display:grid}.auth-brand h2{letter-spacing:-.02em;margin:0;font-size:26px}.auth-brand p{color:var(--muted);margin:6px 0 0;font-size:14px}.auth-form h3{margin:0 0 20px;font-size:20px}.auth-form{gap:14px;display:grid}.input-with-icon{position:relative}.input-with-icon input{padding-right:44px}.input-icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.demo-accounts{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.demo-title{color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:700}.demo-list{gap:8px;display:grid}.demo-account{border:1px solid var(--line);cursor:pointer;text-align:left;background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;transition:all .15s;display:flex}.demo-account:hover{border-color:var(--primary);background:var(--soft-blue)}.demo-role{font-size:14px;font-weight:700}.demo-email{color:var(--muted);font-size:12px}.admin-table-wrap{box-shadow:var(--shadow);border-radius:14px;overflow-x:auto}.admin-table{border-collapse:collapse;background:#fff;width:100%}.admin-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);background:#f8fafc;padding:9px 10px;font-size:12px;font-weight:800}.admin-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:9px 10px;font-size:13px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f8fafc}.table-actions{align-items:center;gap:6px;display:flex}.btn-icon-sm{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;transition:all .15s;display:grid}.btn-icon-sm:hover{border-color:var(--primary);color:var(--primary);background:var(--soft-blue)}.btn-danger-sm{color:var(--danger)!important;border-color:#fca5a5!important}.btn-danger-sm:hover{background:var(--soft-red)!important}.project-row{border:1px solid var(--line);cursor:pointer;background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px;transition:all .15s;display:flex}.project-row:hover{border-color:var(--primary);background:var(--soft-blue)}.project-row h3,.project-row p{margin:0}.tag{color:#374151;background:#f3f4f6;border-radius:999px;margin:6px 0 10px;padding:6px 10px;font-size:12px;display:inline-flex}.muted,.text-muted{color:var(--muted);font-size:13px}.desktop-only{display:flex}.mobile-only{display:none}.toast-container{z-index:300;gap:8px;max-width:360px;display:grid;position:fixed;bottom:24px;right:24px}.toast{color:#fff;background:#0f172a;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;animation:.25s toast-in;display:flex;box-shadow:0 8px 24px #0f172a4d}.toast-success{background:#065f46}.toast-error{background:var(--danger)}.toast-warning{background:#92400e}.toast-info{background:#1e40af}.toast-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0}.toast-close:hover{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=1100px){.kpi-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.stage-layout,.split-grid{grid-template-columns:1fr}}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.topnav-item{gap:5px;min-height:34px;padding:7px 12px;font-size:12px}.topbar-main{min-height:54px}.container{width:calc(100% - 24px)}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.projects-grid,.info-grid,.form-grid,.form-grid-2{grid-template-columns:1fr}.auth-card{padding:24px 20px}.modal-body{padding:16px}.modal-header,.modal-footer{padding:14px 16px}.page-header h2{font-size:22px}.panel,.form-panel{padding:16px}.main-content{padding:16px 0 40px}.topbar-main{gap:10px}.brand h1{font-size:16px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(3,1fr)}.defect-head{flex-direction:column}.defect-head>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.filters-bar{flex-direction:column}.filters-bar select{width:100%;min-width:unset}}.photo-strip-wrap{margin:10px 0}.photo-strip-label{color:var(--ink);margin:0 0 6px;font-size:13px;font-weight:700}.photo-strip{flex-wrap:wrap;gap:8px;display:flex}.photo-thumb-btn{cursor:zoom-in;background:0 0;border:2px solid #0000;border-radius:10px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.photo-thumb-btn:hover{border-color:var(--primary);transform:scale(1.03)}.photo-thumb{object-fit:cover;border-radius:8px;width:80px;height:80px;display:block}.gallery-overlay{z-index:1000;background:#000000eb;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.gallery-modal{flex-direction:column;width:min(900px,100vw);max-height:100vh;display:flex;position:relative}.gallery-topbar{background:#ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.gallery-counter{color:#fff;font-size:14px;font-weight:600}.gallery-actions{gap:8px;display:flex}.gallery-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;place-items:center;width:36px;height:36px;transition:background .15s;display:grid}.gallery-btn:hover{background:#fff3}.gallery-close{border-color:#ef444480}.gallery-close:hover{background:#ef44444d}.gallery-stage{flex:1;justify-content:center;align-items:center;min-height:300px;max-height:calc(100vh - 160px);padding:12px;display:flex;position:relative}.gallery-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 8px 40px #0009}.gallery-nav{color:#fff;cursor:pointer;z-index:2;background:#00000080;border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:#000c}.gallery-prev{left:8px}.gallery-next{right:8px}.gallery-thumbs{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;background:#0006;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.gallery-thumb{cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;border-radius:6px;flex-shrink:0;padding:0;transition:border-color .15s;overflow:hidden}.gallery-thumb:hover{opacity:.9}.gallery-thumb-active{opacity:1;border-color:#fff}.gallery-thumb img{object-fit:cover;width:52px;height:52px;display:block}.notif-wrapper,.notif-bell{position:relative}.notif-bell-active{color:#fbbf24!important}.notif-badge{color:#fff;text-align:center;pointer-events:none;background:#ef4444;border:2px solid #0f172a;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.notif-panel{z-index:500;background:#fff;border-radius:16px;flex-direction:column;width:340px;max-height:480px;animation:.15s slideDown;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 60px #0f172a38,0 0 0 1px #0000000f}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel-header{border-bottom:1px solid var(--line);background:#f8fafc;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-panel-title{color:var(--ink);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.notif-badge-inline{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.notif-panel-actions{gap:4px;display:flex}.notif-action-btn{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;transition:all .15s;display:grid}.notif-action-btn:hover{background:var(--soft-blue);color:var(--primary)}.notif-action-danger:hover{background:var(--soft-red);color:var(--danger)}.notif-list{flex:1;overflow-y:auto}.notif-empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.notif-empty p{margin:0;font-size:13px}.notif-item{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 16px;transition:background .12s;display:flex;position:relative}.notif-item:hover{background:#f8fafc}.notif-item:last-child{border-bottom:none}.notif-item-read{opacity:.6}.notif-icon-emoji{flex-shrink:0;margin-top:2px;font-size:18px;line-height:1.2}.notif-body{flex:1;min-width:0}.notif-title{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.notif-msg{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:12px;overflow:hidden}.notif-time{color:var(--muted);font-size:11px}.notif-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-item-invite{background:#eff6ff;border-left:3px solid #2563eb}.notif-item-invite:hover{background:#dbeafe}.notif-invite-actions{gap:8px;margin-top:8px;display:flex}.pdf-btn-group{flex-wrap:wrap;gap:10px;display:flex}.report-export-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.report-export-title{background:var(--soft-blue);border-bottom:1px solid var(--line);color:var(--primary);margin:0;padding:14px 20px;font-size:15px;font-weight:700}.report-export-group{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.report-export-group:last-child{border-bottom:none}.report-export-label{color:var(--ink);flex:1;min-width:180px;font-size:14px;font-weight:600}.report-export-btns{flex-wrap:wrap;gap:8px;display:flex}.spin{animation:.8s linear infinite spin}@media (width<=640px){.notif-panel{width:calc(100vw - 32px);right:-16px}.gallery-thumb img{width:40px;height:40px}.photo-thumb{width:64px;height:64px}.report-export-group{flex-direction:column;align-items:flex-start}.report-export-btns{width:100%}}.search-box{border:1px solid var(--line);min-width:240px;max-width:380px;color:var(--muted);background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.search-box input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-size:13px}.search-box input::placeholder{color:var(--muted)}.search-clear{background:var(--line);width:18px;height:18px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.admin-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 4px;display:flex}.admin-pagination-size{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.admin-pagination-size select{border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:13px}.admin-pagination-nav{align-items:center;gap:4px;font-size:13px;display:flex}.admin-pagination-nav span{color:var(--muted);padding:0 10px}.admin-pagination-nav button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;transition:all .15s;display:grid}.admin-pagination-nav button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--soft-blue)}.admin-pagination-nav button:disabled{opacity:.35;cursor:default}.user-card-modal{flex-direction:column;gap:12px;display:flex}.user-card-header{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:16px;display:flex}.user-card-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:grid}.user-card-grid{grid-template-columns:1fr 1fr;gap:10px 20px;display:grid}.user-card-grid>div{flex-direction:column;gap:2px;display:flex}.user-card-project-row{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.user-card-project-row:hover{background:var(--soft-blue)}.label-muted{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.text-muted{color:var(--muted)}.field-hint{color:var(--muted);margin-top:4px;font-size:11px;display:block}.alert{border-radius:10px;padding:10px 14px;font-size:13px}.alert-error{background:var(--soft-red);color:#991b1b;border:1px solid #fca5a5}.badge-yellow{color:#92400e;background:#fef3c7}.badge-superadmin{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#7c3aed,#4f46e5);font-weight:700}.multiselect-trigger{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s;display:flex}.multiselect-trigger:hover{border-color:var(--primary)}.multiselect-dropdown{z-index:9999;border:1px solid var(--line);background:#fff;border-radius:10px;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.multiselect-clear{text-align:left;width:100%;color:var(--primary);background:var(--soft-blue);border:none;border-bottom:1px solid var(--line);cursor:pointer;padding:7px 12px;font-size:12px;font-weight:600}.multiselect-clear:hover{background:#dbeafe}.multiselect-option{cursor:pointer;color:var(--ink);align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.multiselect-option:hover{background:#f8fafc}.multiselect-option input[type=checkbox]{flex-shrink:0;margin:0}.report-approval-card{background:#fff;border:1px solid #fcd34d;border-radius:10px;padding:12px 14px}.report-approval-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.report-approval-meta{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:4px;font-size:12px;display:flex}.access-selector{border:1px solid var(--line);background:#f8fafc;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:10px;padding:12px 14px;display:flex}.access-selector-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.access-table-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden}.access-table{border-collapse:collapse;background:#fff;width:100%}.access-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;padding:8px 12px;font-size:11px;font-weight:700}.access-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:8px 12px}.access-table tr:last-child td{border-bottom:none}.access-table tr:hover td{background:#f8fafc}.access-table-name{color:var(--ink);font-size:13px;font-weight:600;display:block}.access-table-sub{color:var(--muted);margin-top:1px;font-size:11px;display:block}.access-empty{color:var(--muted);text-align:center;margin:4px 0 0;padding:10px 0;font-size:12px}.user-card-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:4px 0 6px;font-size:11px;font-weight:700}.invite-link-box{border:1px solid var(--line);background:#f8fafc;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.invite-link-text{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:12px;overflow:hidden}.invite-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px;display:flex}.invite-success h4{margin:0;font-size:15px}.invite-success p{color:var(--muted);margin:0;font-size:13px}.invite-info-block{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:4px;padding:12px 16px;font-size:14px}.invite-info-block p{color:#166534;margin:0 0 4px}.invite-info-block p:last-child{margin-bottom:0}.legal-footer{border-top:1px solid var(--line);text-align:center;background:#f8fafc;margin-top:auto;padding:20px 24px}.legal-footer-links{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:10px;display:flex}.legal-footer-link{color:var(--muted);font-size:11px;text-decoration:none;transition:color .15s}.legal-footer-link:hover{color:var(--primary);text-decoration:underline}.legal-footer-copy{color:var(--muted);margin:0;font-size:11px}.legal-page{background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.legal-topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:12px 24px;display:flex}.legal-topbar-brand{color:var(--primary);font-size:16px;font-weight:700}.legal-topbar-sep{color:var(--muted)}.legal-topbar-title{color:var(--text);font-size:15px}.legal-topbar button{margin-left:auto}.legal-container{flex:1;max-width:800px;margin:0 auto;padding:32px 24px}.legal-doc-header{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:24px;padding:20px 24px}.legal-doc-header h1{color:var(--text);margin:0 0 8px;font-size:1.4rem}.legal-doc-meta{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.legal-content{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:12px;padding:24px;line-height:1.7}.legal-content h2{color:var(--text);margin:24px 0 8px;font-size:1.1rem}.legal-content h3{color:var(--text);margin:18px 0 6px;font-size:1rem}.legal-content p{margin:0 0 12px}.legal-content ul,.legal-content ol{margin:0 0 12px;padding-left:20px}.legal-content li{margin-bottom:4px}.legal-content hr{border:none;border-top:1px solid var(--line);margin:20px 0}.legal-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.legal-content th,.legal-content td{border:1px solid var(--line);text-align:left;padding:8px 10px}.legal-content th{background:#f8fafc;font-weight:600}.legal-not-found{text-align:center;color:var(--muted);padding:60px 24px}.cookie-banner{z-index:9999;color:#f1f5f9;background:#1e293b;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0003}.cookie-banner-text{flex:1;font-size:13px;line-height:1.5}.cookie-banner-text a{color:#93c5fd}.cookie-banner-actions{flex-shrink:0;gap:10px;display:flex}.consent-block{border:1px solid var(--line);background:#f8fafc;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.consent-block-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.consent-title{color:var(--text);margin:0 0 4px;font-size:13px;font-weight:600}.consent-checkbox-row{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.consent-checkbox-row input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:3px}.consent-checkbox-label{color:var(--text);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.consent-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:3px}.consent-link{color:var(--primary);text-decoration:none}.consent-link:hover{text-decoration:underline}.consent-error{background:var(--soft-red);color:#991b1b;border-radius:8px;padding:10px 14px;font-size:13px}.demo-access-block{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.demo-access-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.demo-access-buttons{flex-wrap:wrap;gap:8px;display:flex}.demo-access-btn{border:1px solid var(--line);cursor:pointer;background:#f8fafc;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:10px 8px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.demo-access-btn:hover:not(:disabled){background:var(--soft-blue);border-color:var(--primary);box-shadow:0 2px 8px #3b82f626}.demo-access-btn:disabled{opacity:.5;cursor:not-allowed}.demo-role{color:var(--primary);font-size:12px;font-weight:600}.demo-hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.file-upload-warning{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.file-upload-warning svg{flex-shrink:0;margin-top:1px}.user-info-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:flex}.user-info-btn:hover{background:#ffffff26}.profile-user-info{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.profile-avatar{color:var(--primary);opacity:.7}.profile-name{margin:0 0 2px;font-size:1.1rem;font-weight:700}.profile-email{color:var(--muted);margin:0 0 4px;font-size:13px}.profile-org{color:var(--muted);margin:0 0 2px;font-size:13px}.profile-meta{color:var(--muted);margin:0 0 6px;font-size:12px}.profile-section{margin-bottom:20px}.profile-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.profile-consents{flex-direction:column;gap:6px;display:flex}.profile-consent-item{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}.profile-consent-info{flex:1;align-items:center;gap:8px;display:flex}.profile-consent-type{color:var(--text);font-weight:500}.profile-consent-version{color:var(--muted);font-size:11px}.profile-consent-date{color:var(--muted);white-space:nowrap}.profile-no-consents{color:var(--muted);font-size:13px}.profile-section-danger{border-top:1px solid var(--line);padding-top:16px}.profile-deletion-note{color:var(--muted);margin-bottom:10px;font-size:12px;line-height:1.5}.profile-deletion-pending{color:#92400e;background:#fef3c7;border-radius:6px;margin-bottom:10px;padding:6px 10px;font-size:12px}.admin-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.admin-filters select,.admin-filters input[type=date]{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;padding:6px 10px;font-size:13px}.admin-filters select{min-width:160px}.modal-md{max-width:560px}.date-input-field{border:1.5px solid var(--line);width:100%;color:var(--ink);letter-spacing:.03em;background:#fff;border-radius:10px;padding:9px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.date-input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.date-input-field::placeholder{color:var(--muted);letter-spacing:normal}.date-input-field:disabled{color:var(--muted);cursor:not-allowed;background:#f3f4f6}.date-input-field.input-error{border-color:var(--danger)}.date-input-field.input-error:focus{box-shadow:0 0 0 3px #ef44441f}html,body{overflow-x:hidden}.admin-table{min-width:560px}input,select,textarea,button{touch-action:manipulation}@media (width<=1279px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1023px){.topnav-item{gap:4px;padding:6px 10px;font-size:12px}.kpi-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.stage-layout,.detail-grid{grid-template-columns:1fr}.modal-wide{max-width:min(680px,100vw - 48px)}}@media (width>=769px) and (width<=1023px){.form-grid,.form-grid-2{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(3,1fr)}.admin-filters{flex-wrap:wrap}.admin-filters select{min-width:140px}.search-box{min-width:0;max-width:100%}}@media (width<=768px){.brand-sub{display:none}.admin-filters{flex-direction:column;gap:8px}.admin-filters select{width:100%;min-width:0}.admin-filters input[type=date],.admin-filters .date-input-field{box-sizing:border-box;width:100%}.admin-filters .search-box{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.search-box{min-width:0}.modal-footer{flex-wrap:wrap}.modal-footer>.btn{flex:1;justify-content:center;min-width:calc(50% - 5px)}.modal-wide{max-width:calc(100vw - 32px)}.user-card-grid{grid-template-columns:1fr}.stage-detail-head{flex-direction:column;align-items:flex-start;gap:12px}.profile-consent-item{flex-wrap:wrap}.profile-consent-date{white-space:normal}.btn-icon-sm{width:36px;height:36px}.btn-icon{width:40px;height:40px}.admin-pagination-nav button{width:36px;height:36px}.page-header{margin-bottom:16px}}@media (width<=480px){.auth-card,.auth-card-wide{padding:20px 16px}.modal-overlay{padding:8px;padding-top:max(8px, env(safe-area-inset-top,8px));align-items:flex-start}.modal,.modal-md,.modal-wide{border-radius:14px;max-height:calc(100dvh - 16px)}.modal-body{padding:14px}.modal-header{padding:14px 14px 12px}.modal-footer{gap:6px;padding:12px 14px}.topbar-main{gap:6px;min-height:50px}.brand h1{font-size:14px}.brand-icon{border-radius:10px;width:36px;height:36px}.user-panel{gap:6px}.info-grid,.projects-grid{grid-template-columns:1fr}.panel,.form-panel{padding:14px}.page-header h2{font-size:18px}.file-preview,.photo-thumb{width:64px;height:64px}.stage-row-header{flex-wrap:wrap;gap:6px}.admin-pagination{gap:6px}}@media (width<=360px){.container{width:calc(100% - 16px)}.auth-card{padding:16px 12px}.kpi-card{gap:8px;padding:12px}.kpi-card strong{font-size:22px}.kpi-icon{width:40px;height:40px}.badge{padding:3px 7px;font-size:10px}.btn{padding:10px 14px;font-size:13px}.admin-filters select,.search-box input{font-size:12px}}@media (height<=500px) and (orientation:landscape){.auth-page{align-items:flex-start;padding:8px 16px;overflow-y:auto}.auth-card{padding:14px 20px}.auth-brand{margin-bottom:10px}.auth-brand-icon{border-radius:12px;width:36px;height:36px}.auth-brand h2{font-size:18px}.auth-brand p{display:none}.topbar-main{min-height:44px}.gallery-stage{min-height:120px;max-height:calc(100vh - 110px)}.modal{max-height:calc(100vh - 16px)}}.detail-grid>*{min-width:0}.defect-row{flex-wrap:wrap;row-gap:4px}.defect-row-stage{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:11px;overflow:hidden}@media (width<=540px){.defect-row-meta{justify-content:flex-start;max-width:100%}.defect-row-stage{max-width:180px}}.report-item strong{overflow-wrap:break-word;word-break:break-word}.report-item .doc-list{overflow:visible}.report-item .photo-strip{overflow:hidden}.report-item .doc-item{flex-wrap:wrap;row-gap:4px}.report-item .doc-actions{margin-left:auto}.project-panel-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=768px){.project-panel-grid{grid-template-columns:1fr}}.panel-block-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-block-header h3{margin:0}.info-row-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.info-row{gap:8px;font-size:13.5px;display:flex}.info-row-label{color:var(--muted);flex-shrink:0;min-width:120px}.info-row-value{word-break:break-word;font-weight:500}.stages-section{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.stages-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.stages-section-header h4{color:var(--text);margin:0;font-size:13.5px}.stages-section-actions{align-items:center;gap:6px;display:flex}.participants-list{flex-direction:column;gap:10px;display:flex}.participant-item{align-items:flex-start;gap:10px;display:flex}.participant-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.participant-info{flex-direction:column;gap:2px;font-size:13.5px;display:flex}.participant-role,.participant-org{color:var(--muted);font-size:12px}.participant-badge{border-radius:10px;margin-top:2px;padding:1px 6px;font-size:11px;font-weight:500;display:inline-block}.participant-badge-active{color:#065f46;background:#d1fae5}.participant-badge-invited,.participant-badge-pending{color:#92400e;background:#fef3c7}.participant-badge-blocked{color:#991b1b;background:#fee2e2}.participant-badge-archived{color:#6b7280;background:#f3f4f6}.project-chat-panel{padding:16px}.chat-messages-wrap{flex-direction:column;gap:10px;max-height:360px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.chat-messages-wrap:empty+.chat-empty{display:flex}.chat-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 0;font-size:13.5px;display:flex}.chat-message{flex-direction:column;max-width:82%;display:flex}.chat-message-own{align-self:flex-end;align-items:flex-end}.chat-message-other{align-self:flex-start;align-items:flex-start}.chat-message-header{align-items:baseline;gap:6px;margin-bottom:3px;font-size:12px;display:flex}.chat-author{color:var(--text);font-weight:600}.chat-role-label{color:#fff;background:var(--primary);border-radius:8px;padding:0 6px;font-size:11px;line-height:18px}.chat-time{color:var(--muted);margin-left:auto;font-size:11px}.chat-text{white-space:pre-wrap;word-break:break-word;background:#f1f5f9;border-radius:12px;padding:8px 12px;font-size:13.5px;line-height:1.5}.chat-message-own .chat-text{background:var(--primary);color:#fff}.chat-form{flex-direction:column;gap:4px;display:flex}.chat-input-wrap{align-items:flex-end;gap:8px;display:flex}.chat-input{resize:none;border:1px solid var(--border);background:var(--input-bg,#fff);color:var(--text);border-radius:8px;flex:1;padding:8px 12px;font-family:inherit;font-size:13.5px;line-height:1.45;transition:border-color .15s}.chat-input:focus{border-color:var(--primary);outline:none}.chat-send-btn{flex-shrink:0;align-self:flex-end;height:38px;padding:0 14px}.chat-form-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;min-height:18px;font-size:11.5px;display:flex}.chat-error{color:#ef4444}.chat-char-count{margin-left:auto}.chat-char-warn{color:#f59e0b;font-weight:600}.confirm-fix-panel{background:#fffbeb;border:2px solid #fbbf24}.confirm-fix-panel h3{color:#92400e}.chat-mic-btn{width:44px;height:44px;color:var(--muted);border:1px solid var(--border);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:flex}.chat-mic-btn:hover{color:var(--primary);border-color:var(--primary)}.chat-mic-btn--active{color:#fff;background:#ef4444;border-color:#ef4444;animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.chat-recording-indicator{color:#ef4444;align-items:center;gap:8px;padding:6px 4px;font-size:13px;font-weight:500;display:flex}.chat-recording-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.8s ease-in-out infinite rec-blink}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.2}}.chat-create-defect-btn{color:var(--primary);cursor:pointer;opacity:.7;background:0 0;border:1px solid;border-radius:6px;align-self:flex-start;align-items:center;gap:4px;margin-top:5px;padding:2px 8px;font-size:11px;transition:opacity .15s,background .15s;display:inline-flex}.chat-message-own .chat-create-defect-btn{color:#ffffffd9;border-color:#ffffff80}.chat-create-defect-btn:hover{opacity:1;background:#0000000f}.chat-message-system{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-self:center;align-items:center;gap:6px;max-width:90%;padding:6px 12px;font-size:12.5px;display:flex}.chat-system-icon{color:#16a34a;flex-shrink:0}.chat-system-text{flex:1}.chat-defect-link{color:#166534;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-size:11.5px;font-weight:600;text-decoration:underline}.chat-defect-link:hover{color:#14532d}.chat-source-preview{border:1px solid var(--border);border-left:3px solid var(--primary);background:#f8fafc;border-radius:6px;padding:8px 12px}.chat-source-preview-label{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.chat-source-preview-text{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px}.chat-draft-defect-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;transition:background .15s,color .15s;display:inline-flex}.chat-draft-defect-btn:hover{background:var(--primary);color:#fff}.chat-send-group{flex-direction:column;flex-shrink:0;align-self:flex-end;align-items:stretch;gap:4px;display:flex}.chat-send-group .chat-draft-defect-btn{border-radius:6px;justify-content:center;height:auto;padding:4px 6px;font-size:12px}.modal-xl{max-width:920px}.doc-module-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.doc-module-warn{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.doc-module-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.doc-empty-note{color:var(--muted);text-align:center;margin:0;padding:16px 0;font-size:13px}.doc-dev-label{color:#7c2d12;background:#fef2f2;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:700}.doc-dropzone{border:2px dashed var(--line);cursor:pointer;background:#f9fafb;border-radius:10px;transition:border-color .15s,background .15s}.doc-dropzone:hover{border-color:var(--primary);background:#eff6ff}.doc-dropzone-empty{color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:28px 20px;display:flex}.doc-dropzone-empty p{color:var(--text);margin:0;font-size:14px;font-weight:500}.doc-dropzone-empty span{font-size:12px}.doc-dropzone-selected{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.doc-dropzone-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.doc-dropzone-size{color:var(--muted);font-size:12px}.doc-dropzone-remove{flex-shrink:0;margin-left:auto}.doc-signers-checkboxes{flex-direction:column;gap:8px;display:flex}.doc-signer-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.doc-signer-check input{cursor:pointer;width:15px;height:15px}.doc-block{padding:0;overflow:hidden}.doc-block-header{justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.doc-block-title{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.doc-block-count{color:#1e40af;background:#dbeafe;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.doc-block-controls{align-items:center;gap:8px;display:flex}.doc-block-list{border-top:1px solid var(--line);padding:8px 0}.doc-card{cursor:pointer;align-items:center;gap:12px;padding:10px 18px;transition:background .12s;display:flex}.doc-card:hover{background:#f8fafc}.doc-card-icon{flex-shrink:0}.doc-card-main{flex:1;min-width:0}.doc-card-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.doc-card-meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:2px;font-size:11px;display:flex}.doc-card-status{flex-shrink:0}.doc-viewer-wrap{flex-direction:column;gap:12px;min-height:0;display:flex}.doc-viewer-header{flex-direction:column;gap:6px;display:flex}.doc-viewer-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.doc-viewer-title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:700}.doc-viewer-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.doc-viewer-tabs{border-bottom:2px solid var(--line);flex-shrink:0;gap:4px;display:flex}.doc-viewer-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:8px 14px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.doc-viewer-tab:hover{color:var(--text)}.doc-viewer-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.doc-viewer-content{flex:1;min-height:0}.doc-preview-card{border:1px solid var(--line);background:#f8fafc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;padding:40px 24px;display:flex}.doc-preview-info{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.doc-preview-name{color:var(--text);word-break:break-word;font-size:15px;font-weight:600}.doc-preview-size{color:var(--muted);font-size:12px}.doc-signers-panel{flex-direction:column;gap:16px;display:flex}.doc-signers-list{border:1px solid var(--line);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.doc-signer-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.doc-signer-row:last-child{border-bottom:none}.doc-signer-row--signed{background:#f0fdf4}.doc-signer-row--pending{background:#fffbeb}.doc-signer-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.doc-signer-role{align-items:center;gap:6px;font-weight:600;display:flex}.doc-signer-optional{color:var(--muted);font-size:11px;font-weight:400}.doc-signer-details{color:var(--muted);font-size:12px}.doc-signer-date{color:#6b7280}.doc-signer-status{color:var(--muted);flex-shrink:0;font-size:12px;font-weight:600}.doc-signing-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.doc-signing-panel-title{color:#1e40af;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.doc-cert-select{flex-direction:column;gap:8px;display:flex}.doc-cert-select>label{color:var(--text);font-size:13px;font-weight:600}.doc-cert-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.doc-cert-option:hover{border-color:var(--primary);background:#f0f9ff}.doc-cert-option input{flex-shrink:0;width:auto;margin-top:2px}.doc-cert-info{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:12px;display:flex}.doc-cert-owner{color:var(--text);font-size:13px;font-weight:600}.doc-cert-org{color:var(--muted)}.doc-cert-serial,.doc-cert-valid{color:var(--muted);font-size:11px}.doc-cert-actions{justify-content:flex-end;gap:8px;display:flex}.doc-signing-progress{color:#1e40af;align-items:center;gap:10px;font-size:13px;display:flex}.doc-signing-spinner{border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite doc-spin}@keyframes doc-spin{to{transform:rotate(360deg)}}.doc-already-signed{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.doc-history-panel{flex-direction:column;gap:16px;display:flex}.doc-versions-list h4{color:var(--text);margin:0 0 10px;font-size:13px;font-weight:700}.doc-version-row{color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex}.doc-version-row--current{background:#f0f9ff}.doc-version-num{color:var(--primary);min-width:24px;font-weight:700}.doc-version-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.doc-version-current{color:#1e40af;background:#dbeafe;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:10px;font-weight:700}.doc-audit-section{flex-direction:column;gap:8px;display:flex}.doc-audit-toggle{color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .12s;display:flex}.doc-audit-toggle:hover{background:#f3f4f6}.doc-audit-list{flex-direction:column;gap:4px;display:flex}.doc-audit-entry{background:#f9fafb;border-radius:6px;flex-wrap:wrap;gap:10px;padding:6px 10px;font-size:12px;display:flex}.doc-audit-time{color:var(--muted);flex-shrink:0}.doc-audit-user{color:var(--text);flex-shrink:0;font-weight:600}.doc-audit-action{color:var(--muted);flex:1}.doc-viewer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.doc-viewer-footer-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-success{color:#fff;background:#16a34a;border:none}.btn-success:hover{background:#15803d}.btn-danger-ghost{color:#dc2626}.btn-danger-ghost:hover{color:#dc2626;background:#fef2f2}@media (width<=680px){.modal-xl{max-width:calc(100vw - 16px)}.doc-pdf-embed{height:340px}.doc-viewer-tabs{overflow-x:auto}.doc-viewer-footer{flex-direction:column;align-items:stretch}.doc-viewer-footer-actions{flex-direction:column}}.wr-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.wr-empty-inline{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:24px 0;font-size:14px;display:flex}.wr-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;transition:box-shadow .15s;display:flex}.wr-card:hover{box-shadow:0 4px 14px #2563eb17}.wr-card-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.wr-card-period{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:600}.wr-card-stats{gap:12px;display:flex}.wr-card-stats span{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.wr-card-actions{align-items:center;gap:8px;display:flex}.wr-view{flex-direction:column;display:flex}.wr-view-header{border-bottom:1px solid var(--line);background:var(--soft-blue);border-radius:16px 16px 0 0;padding:16px}.wr-view-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.wr-view-title-row h3{margin:0;font-size:17px}.wr-view-period{color:var(--muted);margin:4px 0 0;font-size:13px}.wr-view-header-right{align-items:center;gap:10px;display:flex}.wr-info-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;display:grid}.wr-table-section{border:1px solid var(--line);border-top:none}.wr-table-header{color:#fff;letter-spacing:.03em;background:#1e40af;grid-template-columns:48px 1fr 2fr auto;font-size:11px;font-weight:700;display:grid}.wr-table-header>div{padding:10px 12px}.wr-entry-row{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr 2fr auto;align-items:start;display:grid}.wr-entry-row:last-child{border-bottom:none}.wr-col-num,.wr-entry-num{text-align:center;color:var(--primary);border-right:1px solid var(--line);padding:12px 8px;font-size:15px;font-weight:700}.wr-col-photos,.wr-entry-photos{border-right:1px solid var(--line);padding:12px}.wr-col-desc,.wr-entry-desc{padding:12px;font-size:13px;line-height:1.55}.wr-col-actions,.wr-entry-actions{flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.wr-photos-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.wr-photo-thumb{object-fit:cover;border:1px solid var(--line);cursor:zoom-in;border-radius:8px;width:100%;height:80px;transition:transform .15s}.wr-photo-thumb:hover{transform:scale(1.03)}.wr-photo-empty{border:2px dashed var(--line);color:#d1d5db;background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;width:100%;height:80px;display:flex}.wr-extra-photos{color:var(--muted);text-align:center;font-size:11px;display:block}.wr-entry-date{color:var(--muted);text-align:center;margin-top:4px;font-size:11px;display:block}.wr-defect-badge{color:#dc2626;background:#fef2f2;border-radius:6px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.wr-entry-note{color:var(--muted);font-size:12px;font-style:italic;margin:4px 0 0!important}.wr-empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:32px;font-size:14px;display:flex}.wr-summary-section{border-top:1px solid var(--line);padding:16px}.wr-summary-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wr-summary-header h4{margin:0;font-size:14px}.wr-summary-area{border:1px solid var(--line);resize:vertical;background:#fafafa;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.6}.wr-summary-area:focus{border-color:var(--primary);background:#fff;outline:none}.wr-summary-area[readonly]{cursor:default;background:#f9fafb}.wr-actions-footer{border-top:1px solid var(--line);background:#f8fafc;border-radius:0 0 16px 16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.wr-status-actions{gap:8px;display:flex}.wr-overview-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.wr-overview-row{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.wr-overview-proj{flex:1;min-width:120px;font-size:13px;font-weight:600}.wr-overview-period{color:var(--muted);white-space:nowrap;font-size:12px}.wr-overview-stats{gap:10px;display:flex}.wr-overview-stats span{color:var(--muted);align-items:center;gap:3px;font-size:12px;display:flex}.chat-add-report-btn{cursor:pointer;color:var(--primary);background:#eff6ff;border:none;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;transition:background .15s;display:inline-flex}.chat-add-report-btn:hover{background:#dbeafe}.chat-draft-report-btn{cursor:pointer;width:30px;height:30px;color:var(--primary);background:#eff6ff;border:none;border-radius:8px;place-items:center;transition:background .15s;display:grid}.chat-draft-report-btn:hover{background:#dbeafe}.chat-msg-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.badge-gray{color:#6b7280;background:#f3f4f6}.badge-blue{color:#1d4ed8;background:#eff6ff}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0;border-radius:10px}.btn-outline:hover{background:#eff6ff}@media (width<=768px){.wr-table-header{grid-template-columns:36px 1fr 1.5fr}.wr-table-header>div:last-child{display:none}.wr-entry-row{grid-template-columns:36px 1fr 1.5fr}.wr-entry-actions{display:none}.wr-card{flex-direction:column;align-items:flex-start}.wr-overview-row{flex-direction:column;align-items:flex-start;gap:6px}}