:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172026;letter-spacing:0;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f7f8;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding-bottom:88px}.content-shell{min-width:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7f8eb;border-bottom:1px solid #dde4e8;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.sidebar{display:none}.brand{align-items:center;gap:8px;font-size:15px;display:inline-flex}.brand span,.logo-mark{color:#fff;background:#103c3c;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.user-pill{background:#fff;border:1px solid #dde4e8;border-radius:999px;align-items:center;gap:6px;min-width:0;padding:7px 10px;font-size:13px;display:inline-flex}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}.sync-pill{color:#93620c;text-overflow:ellipsis;white-space:nowrap;background:#fff0cf;border:1px solid #dde4e8;border-radius:999px;max-width:126px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900;overflow:hidden}.sync-pill:disabled{opacity:.7}.header-icon{color:#103c3c;background:#fff;border:1px solid #dde4e8;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid;position:relative}.header-icon .nav-badge{min-width:18px;height:18px;padding:0 5px;font-size:10px;position:absolute;top:-3px;right:-3px}.user-pill span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}main{width:min(100%,980px);margin:0 auto;padding:14px}.bottom-nav{z-index:20;color:#fff;background:#172026;border-radius:16px;grid-template-columns:repeat(2,1fr);width:min(100% - 24px,520px);padding:8px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #17202638}.bottom-nav a,.bottom-nav button{min-height:48px;color:inherit;background:0 0;border:0;border-radius:11px;place-items:center;gap:3px;font-size:11px;display:grid;position:relative}.nav-with-badge{position:relative}.nav-badge{color:#fff;background:#18a57f;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;line-height:1;display:inline-grid}.bottom-nav .nav-badge{min-width:18px;height:18px;padding:0 5px;font-size:10px;position:absolute;top:5px;right:14px}.side-nav .nav-badge{margin-left:auto}.bottom-nav.catalog-nav{grid-template-columns:repeat(4,1fr)}.bottom-nav.admin-nav{grid-template-columns:repeat(5,1fr)}.page-head{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px;display:flex}.page-head p{color:#687780;margin:0 0 4px;font-size:13px}.page-head h1,.project-hero h1{margin:0;font-size:28px;line-height:1.08}.head-actions{align-items:center;gap:8px;display:inline-flex}.icon-button{color:#fff;background:#103c3c;border:0;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.icon-button.secondary{color:#103c3c;background:#e9f3f0}.project-list,.list,.checklist-stack{gap:12px;display:grid}.filters-panel{background:#fff;border:1px solid #dde4e8;border-radius:8px;gap:10px;margin:0 0 14px;padding:12px;display:grid}.compact-search-filters{padding:8px}.filter-search-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.filter-search-summary .search-row{min-width:0}.filter-toggle{color:#103c3c;background:#e9f3f0;border:0;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.filter-toggle.active{color:#fff;background:#103c3c}.filters-body{gap:10px;padding:12px;display:grid}.compact-search-filters .filters-body{padding:4px 0 0}.compact-filter-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.select-row{color:#103c3c;background:#fff;border:1px solid #cfd9de;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;display:grid}.select-row select{border:0;min-height:44px;padding:0}.search-row{background:#fff;border:1px solid #cfd9de;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;display:grid}.search-row input{border:0;min-height:44px;padding:0}.filter-grid{gap:8px;display:grid}.user-filter-grid{grid-template-columns:1fr}.filter-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-card,.compact-card,.form-panel,.login-panel,.checklist-block{background:#fff;border:1px solid #dde4e8;border-radius:8px}.project-card{gap:10px;padding:16px;display:grid}.project-card h2,.compact-card h2,.checklist-block h2{margin:0;font-size:17px;line-height:1.2}.project-card p,.compact-card p,.project-hero p{color:#687780;margin:0}.card-row,.meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-row.small,.meta{color:#687780;flex-wrap:wrap;font-size:13px}.meta span,.card-row.small span{align-items:center;gap:5px;display:inline-flex}.status{color:#41515a;background:#e8edf0;border-radius:999px;align-items:center;width:fit-content;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status.approved{color:#16713a;background:#dff5e7}.status.review,.status.preparation{color:#93620c;background:#fff0cf}.status.cancelled,.status.blocked{color:#af2f24;background:#ffe5e2}.progress-line{background:#e8edf0;border-radius:999px;height:8px;overflow:hidden}.progress-line span{border-radius:inherit;background:#18a57f;height:100%;display:block}.login-view{place-items:center;min-height:calc(100vh - 120px);display:grid}.login-panel{width:min(100%,380px);padding:22px}.login-panel h1{margin:16px 0 22px;font-size:26px}.form-panel,.login-panel form{gap:12px;display:grid}label{color:#687780;gap:6px;font-size:13px;display:grid}input,select,textarea{color:#172026;background:#fff;border:1px solid #cfd9de;border-radius:8px;width:100%;min-height:48px;padding:12px}textarea{resize:vertical;min-height:96px}.form-panel{margin-bottom:14px;padding:14px}.primary-button{color:#fff;background:#103c3c;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:800;display:inline-flex}.form-error,.empty.error{color:#af2f24}.form-success{color:#16713a;margin:0;font-weight:800}.empty{text-align:center;color:#687780;padding:32px 0}.compact-card{grid-template-columns:42px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.notification-card.unread{background:#f0fbf7;border-color:#18a57f}.notification-summary{color:#687780;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.notification-summary span,.filters-panel label>span{align-items:center;gap:6px;display:inline-flex}.notification-read-action{margin-top:10px}.user-card{width:100%;color:inherit;font:inherit;text-align:left;border:1px solid #dde4e8}.user-card:active{transform:translateY(1px)}.icon-badge{color:#103c3c;background:#e9f3f0;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.modal-backdrop{z-index:40;background:#10232a6b;border:0;align-items:end;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:12px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:8px;width:100%;max-height:min(86vh,720px);overflow-y:auto;box-shadow:0 18px 54px #10232a3d}.modal-head{border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:start;gap:12px;padding:16px;display:flex}.modal-head p,.modal-head h2{margin:0}.modal-head p{color:#687780;text-transform:uppercase;font-size:12px;font-weight:900}.modal-head h2{margin-top:2px;font-size:21px;line-height:1.12}.neutral-icon{color:#41515a;background:#e8edf0}.profile-form{gap:12px;padding:16px;display:grid}.profile-form label:not(.inline-toggle){gap:6px;display:grid}.profile-form label>span{color:#41515a;font-size:13px;font-weight:900}.profile-active-toggle{justify-content:start}@media (width>=760px){.modal-backdrop{place-items:center}.modal-panel{max-width:520px}}.project-hero{color:#fff;background:#172026;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status progress""title progress""client progress""action progress";align-items:center;gap:8px;margin:8px 0 14px;padding:18px;display:grid}.project-hero .status{grid-area:status}.project-hero h1{overflow-wrap:anywhere;grid-area:title;min-width:0;max-width:100%}.project-hero p{color:#b8c3c8;grid-area:client;min-width:0}.project-hero-actions{flex-wrap:wrap;grid-area:action;gap:8px;margin-top:4px;display:flex}.project-start-button{width:max-content;min-width:150px}.report-action{color:#fff;background:#ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-weight:800;display:inline-flex}.progress-ring{border:7px solid #18a57f;border-radius:50%;grid-area:progress;place-items:center;width:62px;height:62px;font-size:14px;font-weight:800;display:grid}@media (width<=430px){.project-hero{column-gap:10px;padding:16px}.project-hero h1{font-size:30px;line-height:1.04}.project-hero p{font-size:18px}.progress-ring{border-width:6px;width:54px;height:54px;font-size:13px}}.draft-banner{background:#f8fafb;border:1px solid #d6dee3;border-radius:8px;gap:4px;padding:12px;display:grid}.draft-banner strong{color:#172026}.draft-banner span{color:#687780;font-size:14px}.draft-item-preview{background:#fff;border:1px solid #dde4e8;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px;display:grid}.draft-item-preview strong,.draft-item-preview small{display:block}.draft-item-preview small{color:#687780;margin-top:2px;font-size:12px}.tabs{background:#e8edf0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;padding:5px;display:grid}.tabs button{color:#41515a;background:0 0;border:0;border-radius:9px;min-height:40px;font-weight:800}.tabs button.active{color:#172026;background:#fff}.checklist-block{gap:8px;padding:14px;display:grid}.checklist-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.checklist-title-actions{align-items:center;gap:8px;display:inline-flex}.checklist-title span{color:#687780;background:#e8edf0;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.check-item{text-align:left;background:#fff;border:1px solid #dde4e8;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px;display:grid}.check-dot{border:2px solid #cfd9de;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.check-item.done .check-dot{color:#fff;background:#18a57f;border-color:#18a57f}.check-item strong,.check-item small{display:block}.check-item small{color:#687780;margin-top:3px}.form-check{align-items:start}.segmented{background:#e8edf0;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px;padding:4px;display:grid}.segmented button{color:#41515a;background:0 0;border:0;border-radius:8px;min-height:38px;font-weight:800}.segmented button.active{color:#fff;background:#103c3c}.check-item input{min-height:42px;margin-top:10px}.signature-check{align-items:start}.signature-pad{gap:8px;margin-top:10px;display:grid}.signature-pad canvas{touch-action:none;background:linear-gradient(#fff,#fff) padding-box padding-box,repeating-linear-gradient(0deg,#0000 0 34px,#103c3c12 35px) border-box;border:1px solid #cfd9de;border-radius:8px;width:100%;height:168px}.signature-actions{justify-content:flex-end;gap:8px;display:flex}.signature-actions button:disabled{opacity:.45}.item-panel{gap:8px;display:grid}.item-attachments{gap:8px;margin-left:44px;display:grid}.location-chip{color:#41515a;background:#eef5f8;border-radius:8px;align-items:center;gap:6px;width:fit-content;max-width:calc(100% - 44px);margin-left:44px;padding:6px 8px;font-size:12px;font-weight:800;display:inline-flex}.location-chip span{overflow-wrap:anywhere;min-width:0}.attachment-actions{flex-wrap:wrap;gap:8px;display:flex}.attachment-button{color:#103c3c;background:#e9f3f0;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.attachment-button input{display:none}.inline-file-button{width:max-content;margin-top:10px}.attachment-list{gap:8px;display:grid}.attachment-preview{color:#41515a;background:#fff;border:1px solid #dde4e8;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:8px;min-height:44px;padding:6px 8px;font-size:13px;display:grid}.attachment-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-upload{color:#93620c;background:#fff0cf;border-style:dashed;font-weight:800}.photo-attachment{grid-template-columns:44px 1fr}.photo-attachment img{object-fit:cover;border-radius:7px;width:44px;height:44px}.team-box{background:#f5f7f8;border:1px solid #dde4e8;border-radius:8px;gap:10px;padding:12px;display:grid}.team-box>strong{font-size:14px}.team-list{gap:6px;display:grid}.team-row{grid-template-columns:1fr 42px;gap:6px;display:grid}.team-user,.lead-button{color:#172026;background:#fff;border:1px solid #dde4e8;border-radius:8px;align-items:center;min-height:42px;display:inline-flex}.team-user{text-align:left;gap:8px;padding:7px 10px}.lead-button{color:#687780;justify-content:center}.team-row.present .team-user{border-color:#18a57f}.lead-button.active{color:#93620c;background:#fff0cf;border-color:#93620c}.template-form{gap:14px}.checklist-edit-form{margin:4px 0 0}.attach-template-form{gap:10px;display:grid}.attach-template-title{color:#172026;align-items:center;gap:8px;display:flex}.attach-template-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.attach-template-row .small-action{min-height:44px}.form-actions{align-items:center;gap:10px;display:flex}.form-actions .primary-button{min-width:132px}.inline-toggle{color:#172026;align-items:center;gap:8px;min-height:44px;font-weight:800;display:inline-flex}.inline-toggle input{accent-color:#103c3c;width:20px;min-height:20px}.template-items-head,.template-item-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.small-action,.ghost-icon{border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-weight:800;display:inline-flex}.small-action{color:#103c3c;background:#e9f3f0;padding:0 10px}.small-action.neutral{color:#41515a;background:#e8edf0}.edit-template{margin-top:12px}.ghost-icon{color:#af2f24;background:#ffe5e2;width:36px}.template-items{gap:10px;display:grid}.settings-panel{max-width:680px}.settings-section-title{color:#172026;align-items:center;gap:8px;display:inline-flex}.settings-status{color:#41515a;background:#f5f7f8;border:1px solid #dde4e8;border-radius:8px;gap:6px;padding:12px;font-size:13px;font-weight:800;display:grid}.ai-template-panel,.ai-template-result{margin-bottom:14px}.file-drop{color:#103c3c;background:#fff;border:1px dashed #8aa0aa;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:0 14px;font-weight:800;display:grid;position:relative}.file-drop span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.section-title{margin:18px 0 12px}.section-title p,.section-title h2{margin:0}.section-title p{color:#687780;font-size:13px}.section-title h2{margin-top:3px;font-size:22px;line-height:1.15}.template-item{background:#f5f7f8;border:1px solid #dde4e8;border-radius:8px;gap:10px;padding:12px;display:grid}.template-item-head span{color:#687780;font-size:13px;font-weight:800}.field-grid{gap:8px;display:grid}.template-mini-list{gap:4px;margin-top:10px;display:grid}.template-mini-list span{color:#687780;font-size:13px}.version-panel{background:#fff;border:1px solid #dde4e8;border-radius:8px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.version-panel-head,.version-panel-head div{justify-content:space-between;align-items:center;gap:10px;display:flex}.version-panel-head div{width:100%}.version-panel-head span{color:#687780;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.version-list{gap:8px;display:grid}.version-row{background:#f5f7f8;border:1px solid #dde4e8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.version-row div{gap:3px;min-width:0;display:grid}.version-row span{color:#687780;font-size:13px}.version-current{background:#e9f3f0;border-radius:8px;justify-content:center;align-items:center;min-height:32px;padding:0 10px;font-weight:800;display:inline-flex;color:#103c3c!important}.options-editor{background:#fff;border:1px solid #dde4e8;border-radius:8px;gap:8px;padding:10px;display:grid}.option-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.option-input-row.table-column-row{grid-template-columns:minmax(0,1fr) auto auto}.option-input-row input,.option-input-row select{min-height:40px}.option-chip-list{flex-wrap:wrap;gap:6px;display:flex}.option-chip{color:#103c3c;background:#e9f3f0;border-radius:999px;align-items:center;gap:6px;max-width:100%;min-height:32px;padding:4px 6px 4px 10px;font-size:13px;font-weight:800;display:inline-flex}.option-chip button{color:#41515a;background:#fff;border:0;border-radius:50%;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:grid}.field-hint{color:#687780;margin:0;font-size:13px}.responsive-table{background:#fff;border:1px solid #dde4e8;border-radius:8px;width:100%;margin:10px 0;overflow-x:auto}.table-item{background:#fff;border:1px solid #dde4e8;border-radius:8px;gap:10px;padding:12px;display:grid}.table-item.done{background:#fff;border-color:#dde4e8}.table-item.done .check-dot{color:#fff;background:#18a57f;border-color:#18a57f}.table-item-head{grid-template-columns:24px 1fr;align-items:start;gap:10px;display:grid}.table-item-head strong,.table-item-head small{display:block}.table-item-head small{color:#687780;margin-top:2px;font-size:12px}.responsive-table table{border-collapse:collapse;width:100%;min-width:560px}.responsive-table th,.responsive-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f3;padding:8px}.responsive-table th{color:#687780;font-size:12px;font-weight:900}.responsive-table td:first-child,.responsive-table th:first-child{width:42px}.responsive-table td:last-child,.responsive-table th:last-child{width:46px}.responsive-table input{min-height:38px;padding:0 9px}.table-check>span:last-child{min-width:0}@media (width>=760px){.filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.user-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}}.upload-tile{color:#103c3c;background:#fff;border:1px dashed #8aa0aa;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:58px;margin-bottom:12px;padding:0 14px;font-size:15px;font-weight:800;display:grid}.upload-tile input{display:none}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.photo-grid a{aspect-ratio:1;background:#dfe7ea;border-radius:8px;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%;display:block}@media (width>=760px){.app-shell{grid-template-columns:248px 1fr;padding-bottom:0;display:grid}.auth-shell{padding-bottom:0;display:block}.sidebar{background:#fff;border-right:1px solid #dde4e8;flex-direction:column;gap:22px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .brand{padding:0 4px 8px}.side-nav{gap:6px;display:grid}.side-nav a,.side-logout{color:#41515a;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-weight:800;display:flex}.side-nav a:hover,.side-logout:hover{color:#103c3c;background:#e9f3f0}.side-logout{width:100%;margin-top:auto}.bottom-nav,.mobile-brand{display:none}.topbar{justify-content:flex-end}main{padding:24px}.project-list,.list{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(5,1fr)}}