*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.5;-webkit-tap-highlight-color:transparent}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#1a365d;color:#fff;padding:20px 0;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1{font-size:1.25rem;margin-bottom:4px}.sidebar-header p{font-size:.75rem;opacity:.7}.sidebar-nav{margin-top:20px}.nav-item{display:flex;align-items:center;padding:14px 20px;color:#fffc;text-decoration:none;transition:background .2s}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#ffffff26;color:#fff;border-left:3px solid #4299e1}.nav-icon{margin-right:12px;font-size:1.2rem}.nav-label{font-size:.95rem}.main-content{flex:1;padding:24px;margin-left:240px;min-height:100vh}.page{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h2{font-size:1.5rem;color:#1a365d}.header-actions{display:flex;align-items:center;gap:16px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-buttons button{padding:10px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s;min-height:44px}.filter-buttons button:hover{background:#f7fafc}.filter-buttons button.active{background:#4299e1;color:#fff;border-color:#4299e1}.filters{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:.875rem;color:#718096}.filter-group select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;min-height:44px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.data-table th{background:#f7fafc;font-weight:600;color:#4a5568;font-size:.875rem;white-space:nowrap}.data-table td{font-size:.875rem}.data-table tbody tr:hover{background:#f7fafc}.no-data{text-align:center!important;color:#a0aec0;padding:40px 12px!important}.inactive-row{opacity:.6;background:#f7fafc}.thumbnail{width:40px;height:40px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s}.thumbnail:hover{transform:scale(1.1)}.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.active{background:#c6f6d5;color:#276749}.status-badge.inactive{background:#fed7d7;color:#c53030}.status-badge.status-施工前{background:#bee3f8;color:#2b6cb0}.status-badge.status-施工中{background:#fefcbf;color:#975a16}.status-badge.status-完了{background:#c6f6d5;color:#276749}.btn{padding:10px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;text-decoration:none;display:inline-block;transition:all .2s;min-height:44px;text-align:center}.btn:hover{background:#f7fafc}.btn-primary{background:#4299e1;color:#fff;border-color:#4299e1}.btn-primary:hover{background:#3182ce}.btn-primary:disabled{background:#a0aec0;border-color:#a0aec0;cursor:not-allowed}.btn-small{padding:6px 12px;font-size:.75rem;min-height:36px}.form{max-width:800px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group.full-width{grid-column:span 2}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.875rem;color:#4a5568}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-size:16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group input:disabled{background:#f7fafc;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.required{color:#e53e3e}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;min-height:44px}.checkbox-label input[type=checkbox]{width:20px;height:20px}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}.modal-content img{max-width:100%;max-height:calc(100vh - 100px);border-radius:8px;object-fit:contain}.modal-close{margin-top:16px;padding:12px 32px;background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;min-height:44px}.loading{text-align:center;padding:40px;color:#718096}.error{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:6px;margin-bottom:20px}.card-list{display:none}.card-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-title{font-weight:600;font-size:1rem;color:#1a365d}.card-subtitle{font-size:.875rem;color:#718096;margin-top:2px}.card-body{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-field{font-size:.875rem}.card-field-label{color:#718096;font-size:.75rem}.card-field-value{color:#333}.card-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.card-photo{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer}@media (max-width: 1024px){.sidebar{width:200px}.main-content{margin-left:200px}}@media (max-width: 768px){.layout{flex-direction:column;padding-bottom:70px}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;padding:0;display:flex;flex-direction:column;box-shadow:0 -2px 10px #0000001a}.sidebar-header{display:none}.sidebar-nav{display:flex;margin:0;justify-content:space-around;padding:8px 0}.nav-item{flex-direction:column;padding:8px 12px;align-items:center;flex:1;border-left:none}.nav-item.active{border-left:none;background:#fff3}.nav-icon{margin-right:0;margin-bottom:4px;font-size:1.3rem}.nav-label{font-size:.7rem}.main-content{margin-left:0;padding:12px}.page{padding:16px;border-radius:8px}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header h2{font-size:1.25rem}.header-actions{flex-wrap:wrap;gap:8px}.header-actions .btn{flex:1;min-width:120px}.filter-buttons{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.filter-buttons button{padding:10px 8px;font-size:.8rem}.filters{flex-direction:column;align-items:stretch;gap:12px}.filter-group{flex-direction:column;align-items:stretch;gap:4px}.filter-group select{width:100%}.table-container{display:none}.card-list{display:block}.form{max-width:100%}.form-row{grid-template-columns:1fr;gap:0}.form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.checkbox-label{padding:8px 0}}@media (max-width: 375px){.main-content{padding:8px}.page{padding:12px}.filter-buttons{grid-template-columns:repeat(2,1fr)}.card-body{grid-template-columns:1fr}}