:root{--color-ivory: #F5F1E8;--color-oat: #D9CFB5;--color-sage: #8FA194;--color-terracotta: #B5765A;--color-terracotta-text: #8A4B30;--color-deep-moss: #3B4A3F;--color-charcoal: #2B2A28;--color-soft-white: #FCFBF8;--color-text-primary: var(--color-charcoal);--color-text-secondary: #5A5855;--color-text-muted: #6E6B67;--color-bg-page: var(--color-soft-white);--color-bg-section: var(--color-ivory);--color-bg-card: #FDFCF9;--color-border: var(--color-oat);--color-border-light: #EAE5D8;--color-accent: var(--color-terracotta);--color-accent-dark: var(--color-deep-moss);--color-danger: #B91C1C;--color-danger-bg: #FDECEC;--color-success: #2F6B47;--color-success-bg: #E9F3EC;--font-sans: "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--duration-fast: .15s;--ease-out-soft: cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--color-text-primary);background:var(--color-bg-page)}a{color:inherit}h1{font-size:1.3rem;font-weight:700;color:var(--color-accent-dark);margin:var(--space-2) 0 var(--space-4)}.sec-title{font-weight:700;color:var(--color-accent-dark);margin:0 0 var(--space-2);display:block}.muted{color:var(--color-text-muted);font-size:.85rem}.bold{font-weight:700}header.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-accent-dark);color:var(--color-soft-white);position:sticky;top:0;z-index:20}header.topbar a{text-decoration:none;font-weight:700}header.topbar .user-badge{background:#ffffff29;color:var(--color-soft-white)}header.topbar .logout-link{margin-left:var(--space-3);font-size:.8rem;opacity:.9;text-decoration:none}nav.mainnav{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-section);border-bottom:1px solid var(--color-border-light);overflow-x:auto}nav.mainnav a{color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}nav.mainnav a.active{background:var(--color-accent-dark);color:var(--color-soft-white)}main{padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px));max-width:860px;margin:0 auto}.card,form.card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.25rem;background:var(--color-accent-dark);color:var(--color-soft-white);border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out-soft),transform var(--duration-fast)}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--color-bg-section);color:var(--color-accent-dark);border:1px solid var(--color-border)}.btn.danger{background:var(--color-danger)}.btn.small{min-height:36px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.btn.block{display:flex;width:100%}label{display:block;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);margin:var(--space-3) 0 var(--space-1)}input,select,textarea{width:100%;min-height:48px;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:#fff;color:var(--color-text-primary)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.row{display:flex;gap:var(--space-3);flex-wrap:wrap}.row>*{flex:1;min-width:140px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:var(--space-4)}.alert.error{background:var(--color-danger-bg);color:var(--color-danger)}.alert.success{background:var(--color-success-bg);color:var(--color-success)}.seg{display:flex;gap:var(--space-2);flex-wrap:wrap}.seg-chip{flex:1;min-width:72px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;text-align:center;margin:0;transition:all var(--duration-fast) var(--ease-out-soft)}.seg-chip input{position:absolute;opacity:0;width:0;height:0}.seg-chip.is-checked{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:var(--color-soft-white)}.badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--color-bg-section);color:var(--color-accent-dark)}.badge-measuring{background:#eaf0ec;color:var(--color-sage);color:#4e6156}.badge-quoted{background:#f5e8e1;color:var(--color-terracotta-text)}.badge-ordered{background:var(--color-accent-dark);color:var(--color-soft-white)}.badge-done,.badge-draft{background:var(--color-border-light);color:var(--color-text-muted)}.badge-submitted{background:#f5e8e1;color:var(--color-terracotta-text)}.badge-confirmed{background:var(--color-accent-dark);color:var(--color-soft-white)}.badge-rejected{background:var(--color-danger-bg);color:var(--color-danger)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:.55rem .6rem;border-bottom:1px solid var(--color-border-light);text-align:left;font-size:.85rem}th{color:var(--color-text-muted);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em}.list-cards{display:flex;flex-direction:column;gap:var(--space-3)}.list-card{display:block;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:var(--space-4);text-decoration:none;color:inherit}.list-card .card-row{margin-bottom:var(--space-1)}.list-card .title{font-weight:700;font-size:1rem}.list-card .meta{font-size:.8rem;color:var(--color-text-muted)}.list-card .amount{font-weight:700;color:var(--color-accent-dark)}.pcombo{position:relative}.pcombo-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:280px;overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 6px 18px #2b2a281f}.pcombo-item{padding:.6rem .75rem;font-size:.85rem;cursor:pointer;border-bottom:1px solid var(--color-border-light)}.pcombo-item:last-child{border-bottom:none}.pcombo-item:hover,.pcombo-item.is-active{background:var(--color-bg-section)}.pcombo-item .p-name{font-weight:700}.pcombo-item .p-meta{color:var(--color-text-muted);font-size:.78rem}.pcombo-empty{padding:.6rem .75rem;font-size:.8rem;color:var(--color-text-muted)}.pcombo-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);font-size:.75rem;cursor:pointer;padding:var(--space-1) var(--space-2)}.sticky-actions{position:sticky;bottom:0;left:0;right:0;display:flex;gap:var(--space-3);background:var(--color-bg-page);border-top:1px solid var(--color-border-light);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));margin:var(--space-4) calc(var(--space-4) * -1) calc(var(--space-4) * -1)}.sticky-actions .btn{flex:1}@media(min-width:641px){main{padding:var(--space-6)}.sticky-actions{position:static;margin:var(--space-4) 0 0;border-top:none;padding:0}.sticky-actions .btn{flex:none}}@media print{.no-print{display:none!important}}