:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8fb;color:#172033}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#f7f8fb}button,input,select,textarea{font:inherit}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(16px,env(safe-area-inset-top)) 16px 12px;background:#0b3a82;color:#fff}.app-header h1{margin:0;font-size:1.125rem;font-weight:700}.app-header p{margin:4px 0 0;font-size:.8125rem;opacity:.85}.icon-button{min-height:40px;border:1px solid rgb(255 255 255 / 35%);border-radius:8px;padding:0 12px;background:transparent;color:#fff}.app-main{flex:1;width:min(100%,720px);margin:0 auto;padding:16px 16px 84px}.dashboard-page h2,.customers-page h2,.requirements-page h2,.timeline-page h2{margin:0;font-size:1rem;font-weight:600}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.primary-button{min-height:40px;border:0;border-radius:8px;padding:0 14px;background:#0b3a82;color:#fff;font-weight:700}.secondary-button{min-height:40px;border:1px solid #d8deea;border-radius:8px;padding:0 14px;background:#fff;color:#172033;font-weight:700}.danger-button{min-height:40px;border:0;border-radius:8px;padding:0 14px;background:#b42318;color:#fff;font-weight:700}.search-field{display:grid;gap:6px;margin-top:16px}.search-field span,.customer-row small{color:#566174;font-size:.8125rem}.search-field input{min-height:44px;width:100%;border:1px solid #d8deea;border-radius:8px;padding:0 12px;background:#fff}.requirement-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,180px) minmax(160px,200px);gap:10px;align-items:end}.requirement-search-field{margin-top:16px}.requirement-status-field,.requirement-sort-field{display:grid;gap:6px;margin-top:16px}.requirement-status-field span,.requirement-sort-field span{color:#566174;font-size:.8125rem}.requirement-status-field select,.requirement-sort-field select{min-height:44px;width:100%;border:1px solid #d8deea;border-radius:8px;padding:0 12px;background:#fff}@media(max-width:520px){.requirement-filters{grid-template-columns:1fr}}.customer-list{display:grid;gap:10px;margin-top:16px}.customer-list-actions{width:auto;min-width:188px}.customer-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;border:1px solid #d8deea;border-radius:8px;padding:10px 12px;background:#fff}.customer-selection-toolbar[hidden]{display:none}.customer-row{width:100%;display:grid;gap:8px;border:1px solid #d8deea;border-radius:8px;padding:14px;background:#fff;color:inherit;text-align:left;cursor:pointer}.customer-row>input[type=checkbox]{width:auto}.customer-row span{display:grid;gap:3px}.customer-row strong{font-size:1rem}.customer-row>span+span{margin-top:10px}.customer-detail{display:grid;gap:10px;margin:16px 0 0}.customer-detail-item{border:1px solid #d8deea;border-radius:8px;padding:14px;background:#fff}.customer-detail-item dt{color:#566174;font-size:.8125rem}.customer-detail-item dd{margin:6px 0 0}.customer-workspace-page{padding-bottom:82px}.customer-workspace-page .customer-detail{gap:8px;margin-top:12px}.customer-workspace-page .customer-detail-item{padding:10px 12px}.customer-work-center{margin-top:16px}.customer-work-center h3{margin:0;font-size:1rem;font-weight:600}.customer-work-form{display:grid;gap:16px;margin-top:10px}.customer-work-form h3,.customer-basic-section h3{margin:0 0 10px;font-size:1rem;font-weight:600}.customer-work-form label{display:grid;gap:6px}.customer-work-form span{color:#566174;font-size:.8125rem}.customer-work-form input,.customer-work-form select,.customer-work-form textarea{width:100%;border:1px solid #d8deea;border-radius:8px;padding:10px 12px;background:#fff}.customer-work-follow-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-work-actions{position:fixed;right:50%;bottom:calc(62px + env(safe-area-inset-bottom));z-index:10;width:min(100%,720px);display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 16px;border-top:1px solid #d8deea;background:#fff;transform:translate(50%)}.customer-requirements{margin-top:24px}.customer-requirements h3{margin:0;font-size:1rem;font-weight:600}.customer-requirement-list{display:grid;gap:10px;margin-top:12px}.customer-requirement-card{border:1px solid #d8deea;border-radius:8px;padding:14px;background:#fff}.customer-requirement-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-requirement-date{display:block;margin-top:10px;color:#566174;font-size:.875rem}.customer-requirement-summary{display:block;margin-top:10px;color:#566174;font-size:.875rem;line-height:1.5}.customer-timeline{margin-top:16px}.customer-timeline h3{margin:0;font-size:1rem;font-weight:600}.customer-timeline-list{display:grid;gap:8px;margin-top:10px}.customer-timeline-card{width:100%;border:1px solid #d8deea;border-radius:8px;padding:12px;background:#fff;color:inherit;text-align:left}.customer-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-timeline-content{margin-top:10px;color:#566174;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.requirement-list{display:grid;gap:10px;margin-top:16px}.requirement-card{width:100%;border:1px solid #d8deea;border-radius:8px;padding:18px;background:#fff;color:inherit;font-size:.9375rem;line-height:1.45;text-align:left}.requirement-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.requirement-card-header strong{font-size:1rem}.requirement-card-type,.requirement-card-meta,.requirement-card-budget{display:block;margin-top:10px}.status-badge{flex:0 0 auto;border-radius:999px;padding:4px 10px;font-size:.8125rem;font-weight:700}.status-new{background:#e8f0ff;color:#0b3a82}.status-following{background:#fff4d6;color:#8a5a00}.status-talking{background:#ecfdf3;color:#067647}.status-done{background:#e7f8f0;color:#05603a}.status-canceled{background:#f2f4f7;color:#475467}.requirement-detail{display:grid;gap:10px;margin:16px 0 0}.requirement-detail-item{border:1px solid #d8deea;border-radius:8px;padding:14px;background:#fff}.requirement-detail-item dt{color:#566174;font-size:.8125rem}.requirement-detail-item dd{margin:6px 0 0}.requirement-customer{margin-top:24px}.requirement-customer h3{margin:0;font-size:1rem;font-weight:600}.requirement-customer-content{margin-top:12px}.requirement-customer-detail{display:grid;gap:10px;margin:0}.requirement-customer-item{border:1px solid #d8deea;border-radius:8px;padding:14px;background:#fff}.requirement-customer-item dt{color:#566174;font-size:.8125rem}.requirement-customer-item dd{margin:6px 0 0}.detail-back-button{width:100%;margin-top:16px}.empty-message{margin:16px 0;color:#566174}.timeline-list{display:grid;gap:10px;margin-top:16px}.timeline-toolbar-actions{flex:1;display:flex;justify-content:flex-end;gap:10px}.timeline-search-input,.timeline-status-filter,.timeline-sort-select{min-height:40px;border:1px solid #d8deea;border-radius:8px;padding:0 12px;background:#fff}.timeline-search-input{width:min(100%,220px)}.timeline-status-filter{width:104px}.timeline-sort-select{width:120px}.timeline-card{width:100%;border:1px solid #d8deea;border-radius:8px;padding:18px;background:#fff;color:inherit;font-size:.9375rem;line-height:1.45;text-align:left}.timeline-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-card-customer,.timeline-card-content{display:block;margin-top:10px}.timeline-status-badge{flex:0 0 auto;border-radius:999px;padding:4px 10px;font-size:.8125rem;font-weight:700}.timeline-status-pending{background:#fff4d6;color:#8a5a00}.timeline-status-done{background:#e7f8f0;color:#05603a}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;padding:16px;background:#17203373}.modal-panel{width:min(100%,520px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:12px;padding:18px;background:#fff}.modal-panel h2{margin:0;font-size:1.125rem}.customer-form,.requirement-form,.timeline-form{display:grid;gap:12px;margin-top:16px}.customer-form label,.requirement-form label,.timeline-form label{display:grid;gap:6px}.customer-form span,.requirement-form span,.timeline-form span{color:#566174;font-size:.8125rem}.customer-form input,.customer-form select,.customer-form textarea,.requirement-form input,.requirement-form select,.requirement-form textarea,.timeline-form input,.timeline-form select,.timeline-form textarea{width:100%;border:1px solid #d8deea;border-radius:8px;padding:10px 12px;background:#fff}.form-fieldset{min-width:0;display:grid;gap:8px;margin:0;border:1px solid #d8deea;border-radius:8px;padding:10px 12px 12px}.form-fieldset legend{padding:0 4px;color:#566174;font-size:.8125rem}.field-grid,.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-row,.customer-form .choice-row,.requirement-form .choice-row,.timeline-form .choice-row{display:flex;align-items:center;gap:8px;min-height:32px}.customer-work-form .choice-row{display:flex;align-items:center}.choice-row input,.customer-form .choice-row input,.requirement-form .choice-row input,.timeline-form .choice-row input,.customer-work-form .choice-row input{width:auto;flex:0 0 auto;margin:0}.choice-row span,.customer-form .choice-row span,.requirement-form .choice-row span,.timeline-form .choice-row span,.customer-work-form .choice-row span{color:#172033;font-size:.9375rem;line-height:1.35}.is-hidden{display:none!important}@media(max-width:520px){.field-grid,.checkbox-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal-panel{max-height:calc(100dvh - 20px);padding:16px}.customer-form,.requirement-form,.timeline-form{gap:14px}.customer-form input,.customer-form select,.customer-form textarea,.requirement-form input,.requirement-form select,.requirement-form textarea,.timeline-form input,.timeline-form select,.timeline-form textarea{min-height:44px}.customer-form .choice-row,.requirement-form .choice-row,.timeline-form .choice-row,.customer-work-form .choice-row{min-height:40px;justify-content:flex-start}}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.dashboard-section{margin-top:24px}.dashboard-section h3{margin:0;font-size:1rem;font-weight:600}.dashboard-work-list{display:grid;gap:10px;margin-top:12px}.dashboard-work-card{border:1px solid #d8deea;border-radius:8px;padding:14px;background:#fff}.dashboard-work-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard-work-card-header span{color:#566174;font-size:.875rem;overflow-wrap:anywhere}.dashboard-phone-link{display:inline-block;margin-top:10px;color:#0b3a82;font-weight:700;text-decoration:none}.dashboard-work-note{margin:10px 0 12px;color:#566174;overflow-wrap:anywhere}.dashboard-completed-card .dashboard-work-card-header{min-height:28px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8deea;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fff}@media(max-width:520px){.app-main{padding-inline:12px}.modal-actions,.customer-list-actions,.customer-work-actions,.customer-work-follow-up{grid-template-columns:1fr}.timeline-toolbar-actions{flex-wrap:wrap;justify-content:stretch}.timeline-search-input,.timeline-status-filter,.timeline-sort-select,.timeline-toolbar-actions .primary-button{width:100%}}.bottom-nav a{min-height:44px;display:grid;place-items:center;border-radius:8px;color:#566174;font-size:.8125rem;text-decoration:none}.bottom-nav a[aria-current]{background:#e8f0ff;color:#0b3a82;font-weight:700}