:root{--font-serif: "Cinzel", serif;--font-script: "Great Vibes", cursive;--font-body-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--teal-950: #072a33;--teal-900: #0b3a47;--teal-800: #0f4757;--teal-700: #1a5b6b;--teal-600: #2e7183;--teal-500: #4f8e9d;--teal-400: #7eaab6;--teal-300: #a9c6cf;--teal-200: #cfe1e6;--teal-100: #e5f0f2;--teal-50: #f3f8f9;--color-black: var(--teal-800);--color-gray-950: var(--teal-950);--color-gray-900: var(--teal-900);--color-gray-850: #0d4150;--color-gray-800: var(--teal-700);--color-gray-700: #3b5a63;--color-gray-600: #557880;--color-gray-500: #6b8a92;--color-gray-400: #9db7be;--color-gray-300: #c5d8dd;--color-gray-200: #dce8eb;--color-gray-100: #edf4f6;--color-gray-50: #f6fafa;--color-white: #ffffff;--color-success: #2f7d5b;--color-success-bg: #e6f3ec;--color-warning: #a8742a;--color-warning-bg: #fbf2e3;--color-danger: #b0413e;--color-danger-bg: #fbeceb;--bg-primary: var(--color-white);--bg-secondary: var(--teal-50);--bg-tertiary: var(--teal-100);--bg-dark: var(--teal-900);--text-primary: #14343d;--text-dark: #14343d;--text-secondary: #3b5a63;--text-muted: #6b8a92;--text-inverse: var(--color-white);--border-light: var(--teal-200);--border-medium: var(--teal-300);--border-dark: var(--teal-700);--shadow-sm: 0 1px 2px 0 rgba(15, 71, 87, .06);--shadow-md: 0 4px 10px -2px rgba(15, 71, 87, .1), 0 2px 4px -1px rgba(15, 71, 87, .05);--shadow-lg: 0 12px 24px -6px rgba(15, 71, 87, .16), 0 4px 8px -2px rgba(15, 71, 87, .06);--shadow-xl: 0 24px 40px -10px rgba(15, 71, 87, .25), 0 10px 14px -6px rgba(15, 71, 87, .08);--focus-ring: 0 0 0 3px rgba(79, 142, 157, .25);--gradient-teal: linear-gradient(135deg, var(--teal-900) 0%, var(--teal-800) 55%, var(--teal-700) 100%);--watercolor: radial-gradient(ellipse 60% 45% at 0% 0%, rgba(126, 170, 182, .28), transparent 70%), radial-gradient(ellipse 50% 40% at 100% 100%, rgba(126, 170, 182, .22), transparent 70%), radial-gradient(ellipse 35% 30% at 100% 0%, rgba(207, 225, 230, .35), transparent 70%);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-sans);background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background-image:var(--watercolor);background-attachment:fixed}#root{min-height:100vh;display:flex;flex-direction:column}main{background:transparent!important}main h1,main h2{color:var(--teal-800)}::selection{background:var(--teal-200);color:var(--teal-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--teal-50)}::-webkit-scrollbar-thumb{background:var(--teal-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--teal-600)}.font-serif{font-family:var(--font-serif);letter-spacing:.02em}.font-script{font-family:var(--font-script);font-weight:400;letter-spacing:0}.brand-title{font-family:var(--font-serif);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--teal-800);line-height:1.1}.brand-subtitle{font-family:var(--font-serif);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--teal-600)}.script-title{font-family:var(--font-script);font-size:2.6rem;font-weight:400;color:var(--teal-800);line-height:1.1;display:inline-flex;align-items:center;gap:14px}.script-title:before,.script-title:after{content:"";flex-shrink:0;width:34px;height:22px;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath d='M38 24 Q22 16 2 4' stroke='%237eaab6' stroke-width='1.4' fill='none'/%3E%3Cellipse cx='28' cy='16' rx='5' ry='2.2' transform='rotate(55 28 16)' fill='%23a9c6cf'/%3E%3Cellipse cx='20' cy='11' rx='5' ry='2.2' transform='rotate(55 20 11)' fill='%237eaab6'/%3E%3Cellipse cx='12' cy='7' rx='5' ry='2.2' transform='rotate(55 12 7)' fill='%23a9c6cf'/%3E%3Cellipse cx='24' cy='20' rx='5' ry='2.2' transform='rotate(-15 24 20)' fill='%237eaab6'/%3E%3Cellipse cx='15' cy='15' rx='5' ry='2.2' transform='rotate(-15 15 15)' fill='%23a9c6cf'/%3E%3C/svg%3E")}.script-title:after{transform:scaleX(-1)}.ornament-divider{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--teal-400);font-size:.9rem}.ornament-divider:before,.ornament-divider:after{content:"";height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--teal-300))}.ornament-divider:after{background:linear-gradient(90deg,var(--teal-300),transparent)}.section-pill{display:inline-flex;align-items:center;gap:10px;background:var(--teal-800);color:var(--color-white);font-family:var(--font-serif);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 20px 4px 4px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.section-pill-icon{width:30px;height:30px;border-radius:50%;background:var(--color-white);color:var(--teal-800);display:inline-flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible,.btn-icon:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:var(--gradient-teal);color:var(--color-white);border-color:var(--teal-800);box-shadow:0 2px 6px -1px #0f475759}.btn-primary:hover{background:var(--teal-700);border-color:var(--teal-700);transform:translateY(-1px);box-shadow:0 6px 14px -4px #0f475773}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-white);color:var(--teal-800);border-color:var(--teal-800)}.btn-secondary:hover{background-color:var(--teal-50);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--teal-800);border-color:var(--teal-300)}.btn-outline:hover{background-color:var(--teal-50);border-color:var(--teal-700);color:var(--teal-900)}.btn-ghost-light{background-color:transparent;color:var(--color-white);border-color:#a9c6cf80}.btn-ghost-light:hover{background-color:#ffffff1a;border-color:var(--color-white)}.btn-dark{background-color:var(--teal-900);color:var(--color-white);border-color:var(--teal-800)}.btn-dark:hover{background-color:var(--teal-950)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 24px;font-size:1rem}.btn-icon{padding:8px;border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;color:var(--teal-700);transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--teal-100);color:var(--teal-900)}.card{background-color:var(--color-white);border:1px solid var(--teal-200);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--teal-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-banner{background:var(--gradient-teal)!important}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 40% 80% at 100% 0%,rgba(169,198,207,.35),transparent 70%),radial-gradient(ellipse 30% 60% at 0% 100%,rgba(126,170,182,.25),transparent 70%);pointer-events:none}.table-teal{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--teal-300);border-radius:var(--radius-md);overflow:hidden}.table-teal thead th{background:var(--teal-800);color:var(--color-white);font-family:var(--font-body-serif);font-size:.95rem;font-weight:600;padding:10px 12px;border-right:1px solid rgba(255,255,255,.18)}.table-teal td{padding:10px 12px;border-top:1px solid var(--teal-200);border-right:1px solid var(--teal-200)}.table-teal td:last-child,.table-teal th:last-child{border-right:none}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-800)}.form-control,.form-select,.form-textarea{width:100%;padding:10px 14px;font-family:var(--font-sans);font-size:.9rem;color:var(--text-primary);background-color:var(--color-white);border:1px solid var(--teal-300);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal-600);box-shadow:var(--focus-ring)}.form-textarea{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid transparent}.badge-new{background-color:var(--teal-800);color:var(--color-white)}.badge-confirmed{background-color:var(--teal-100);color:var(--teal-800);border-color:var(--teal-300)}.badge-progress{background-color:var(--color-warning-bg);color:var(--color-warning);border-color:#ecd3a8}.badge-ready{background-color:var(--color-success-bg);color:var(--color-success);border-color:#b9dcc9}.badge-delivered{background-color:var(--teal-600);color:var(--color-white)}.badge-cancelled{background-color:var(--color-danger-bg);color:var(--color-danger);text-decoration:line-through;border:1px dashed #e2b1af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#072a338c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.modal-content{background-color:var(--color-white);border:1px solid var(--teal-300);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .25s ease}.modal-header{padding:18px 24px;border-bottom:1px solid var(--teal-200);display:flex;align-items:center;justify-content:space-between;background:var(--watercolor),var(--color-white)}.modal-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;letter-spacing:.05em;color:var(--teal-800)}.modal-body{padding:24px;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--teal-200);display:flex;align-items:center;justify-content:flex-end;gap:12px;background-color:var(--teal-50)}.modal-flow{max-width:1180px;height:94vh;max-height:94vh;overflow:hidden;transition:max-width var(--transition-fast),height var(--transition-fast),border-radius var(--transition-fast)}.modal-flow .modal-header,.modal-flow .wizard-steps,.modal-flow .modal-footer{flex-shrink:0}.modal-flow .modal-body{flex:1;min-height:0;overflow-y:auto;background:var(--bg-secondary);display:flex;flex-direction:column;gap:16px}.modal-overlay.is-fullscreen,.modal-overlay:has(.modal-flow.is-fullscreen){padding:0!important}.modal-flow.is-fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;border:none!important;box-shadow:none!important}.modal-flow.is-fullscreen .modal-header{padding:16px 32px}.modal-flow.is-fullscreen .wizard-steps{padding:12px 32px}.modal-flow.is-fullscreen .modal-body{padding:24px 32px}.modal-flow.is-fullscreen .modal-footer{padding:16px 32px}@media (max-width: 640px){.modal-overlay:has(.modal-flow){padding:0}.modal-flow{height:100%;max-height:100%;border-radius:0;border:none}.modal-flow .modal-header{padding:12px 14px}.modal-flow .modal-body{padding:14px}.modal-flow .modal-footer{padding:10px 14px}.modal-flow .modal-footer .btn{flex:1}.wizard-step{min-width:auto;flex:0 0 auto}.wizard-step:not(.current) .step-label{display:none}.hide-sm{display:none}}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--teal-300);background:var(--color-white);color:var(--teal-800);font-family:var(--font-sans);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.chip:hover{border-color:var(--teal-600);background:var(--teal-50)}.chip.on{background:var(--teal-800);border-color:var(--teal-800);color:var(--color-white)}.notice{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem}.notice-info{background:var(--teal-50);border:1px solid var(--teal-200);color:var(--teal-800)}.notice-success{background:var(--color-success-bg);border:1px solid #b9dcc9;color:var(--color-success)}.notice-error{background:var(--color-danger-bg);border:1px solid #e2b1af;color:var(--color-danger)}.link-btn{border:none;background:none;padding:0;color:var(--teal-700);font-weight:700;font-size:inherit;text-decoration:underline;cursor:pointer}.ofs-page{position:relative;max-width:800px;margin:0 auto;padding:26px;background:radial-gradient(ellipse 42% 30% at 0% 0%,rgba(126,170,182,.42),transparent 70%),radial-gradient(ellipse 30% 22% at 6% 4%,rgba(79,142,157,.18),transparent 70%),radial-gradient(ellipse 40% 26% at 100% 100%,rgba(126,170,182,.38),transparent 70%),#fff;color:#1a3a44;font-family:var(--font-body-serif);overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ofs-watermark{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);opacity:.028;pointer-events:none}.ofs-inner{position:relative;padding:18px 26px 10px}.ofs-brand{font-family:var(--font-serif);font-weight:700;font-size:2.5rem;letter-spacing:.08em;color:#0f4757;line-height:1;margin-top:4px}.ofs-brand-sub{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-serif);font-size:.85rem;letter-spacing:.42em;color:#0f4757;margin-top:4px}.ofs-rule{display:inline-block;width:36px;height:1px;background:#7eaab6}.ofs-title{display:flex;align-items:center;justify-content:center;gap:18px;font-family:var(--font-script);font-size:3.3rem;color:#0f4757;line-height:1.15;margin-top:6px}.ofs-meta{display:flex;justify-content:space-between;gap:20px;margin:14px 0 12px}.ofs-field{display:flex;align-items:flex-end;gap:8px;min-width:0}.ofs-label{font-family:var(--font-body-serif);font-size:1.02rem;font-weight:600;color:#1a3a44;white-space:nowrap}.ofs-value{flex:1;min-width:60px;border-bottom:1px solid #5f8c98;padding:0 4px 1px;font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:#0b3a47;min-height:1.35em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ofs-pill{position:relative;display:inline-flex;align-items:center;gap:10px;margin:14px 0 -12px 4px;padding:4px 22px 4px 4px;background:#0f4757;color:#fff;border-radius:999px;font-family:var(--font-body-serif);font-size:1.05rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;z-index:1}.ofs-pill-icon{width:36px;height:36px;margin:-8px 0 -8px -8px;border-radius:50%;background:#0f4757;border:2px solid #ffffff;box-shadow:0 0 0 1.5px #0f4757;display:inline-flex;align-items:center;justify-content:center}.ofs-box{border:1px solid #a9c6cf;border-radius:8px;padding:22px 22px 12px;background:#ffffffbf;display:flex;flex-direction:column;gap:12px}.ofs-row{display:flex;gap:24px}.ofs-table{width:100%;margin-top:0;border-collapse:separate;border-spacing:0;border:1px solid #a9c6cf;border-radius:8px;overflow:hidden;font-size:.85rem;background:#ffffffbf}.ofs-table th{background:#0f4757;color:#fff;font-family:var(--font-body-serif);font-size:1.02rem;font-weight:600;padding:18px 8px 8px;border-right:1px solid rgba(255,255,255,.35)}.ofs-table td{height:36px;padding:4px 8px;border-top:1px solid #a9c6cf;border-right:1px solid #a9c6cf;font-family:var(--font-sans);color:#0b3a47}.ofs-table th:last-child,.ofs-table td:last-child{border-right:none}.ofs-table td.c{text-align:center}.ofs-table td.r{text-align:right;font-weight:700}.ofs-table td:first-child{font-family:var(--font-body-serif);font-size:1rem}.ofs-pay{gap:10px}.ofs-pay-row{display:flex;align-items:flex-end;gap:8px;max-width:420px}.ofs-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:18px;padding-right:40%}.ofs-thanks{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-script);font-size:1.7rem;color:#0f4757;margin-top:4px}.ofs-contact{text-align:center;font-family:var(--font-sans);font-size:.68rem;color:#3b5a63;margin-top:2px}@media (max-width: 640px){.ofs-page{padding:18px}.ofs-inner{padding:12px 8px 6px}.ofs-brand{font-size:1.8rem}.ofs-title{font-size:2.4rem;gap:8px}.ofs-row,.ofs-meta{flex-direction:column;gap:10px}.ofs-foot{padding-right:0;flex-direction:column;align-items:center}.ofs-table{font-size:.72rem}.ofs-table th{font-size:.8rem;padding:16px 4px 6px}}@media print{@page{size:A4;margin:8mm}.ofs-page{max-width:none;width:100%}}.md-page{height:calc(100vh - 72px);display:flex;flex-direction:column;gap:12px;padding:16px 20px;max-width:1400px;margin:0 auto;width:100%}.md-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0}.md-toolbar h1{font-family:var(--font-serif);font-size:1.25rem;font-weight:800;white-space:nowrap}.md-search{position:relative;flex:1;max-width:460px}.md-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--teal-500)}.md-search input{padding-left:38px;height:40px}.md-body{flex:1;min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.md-list,.md-detail{min-height:0;display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--teal-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.md-list-scroll,.md-detail-scroll{flex:1;min-height:0;overflow-y:auto}.md-list-head{padding:10px 14px;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--teal-100);flex-shrink:0}.md-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;border-bottom:1px solid var(--teal-50);border-left:3px solid transparent;background:none;cursor:pointer;text-align:left;font-family:var(--font-sans);color:inherit}.md-item:hover{background:var(--teal-50)}.md-item.active{background:var(--teal-100);border-left-color:var(--teal-800)}.md-avatar{width:36px;height:36px;border-radius:50%;background:var(--teal-100);color:var(--teal-800);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.md-item.active .md-avatar{background:var(--gradient-teal);color:var(--color-white)}.md-detail-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--teal-100);background:var(--watercolor),var(--color-white);flex-shrink:0;flex-wrap:wrap}.md-detail-body{padding:14px 18px;display:flex;flex-direction:column;gap:12px}.meas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:6px}.meas-tile{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--teal-100);border-radius:var(--radius-md);background:var(--teal-50);min-width:0}.meas-tile.empty{background:transparent;border-style:dashed;opacity:.6}.meas-tile .n{width:20px;height:20px;border-radius:50%;background:var(--teal-800);color:var(--color-white);font-size:.64rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.meas-tile.empty .n{background:var(--teal-300)}.meas-tile .t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.meas-tile .l{min-width:0;font-size:.7rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meas-tile .v{font-size:.95rem;font-weight:800;color:var(--teal-900)}.md-back{display:none}@media (max-width: 899px){.md-page{height:auto;padding:14px 12px 90px}.md-toolbar{flex-wrap:wrap}.md-search{order:3;flex-basis:100%;max-width:none}.md-body{grid-template-columns:1fr}.md-body.show-detail .md-list,.md-body:not(.show-detail) .md-detail{display:none}.md-back{display:inline-flex}.meas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell{display:flex;min-height:100vh;width:100%}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{display:flex;flex-direction:column;background:var(--color-white);font-family:var(--font-sans)}.sidebar-fixed{position:sticky;top:0;height:100vh;width:252px;flex-shrink:0;border-right:1px solid var(--teal-200);background:radial-gradient(ellipse 120% 40% at 0% 100%,rgba(207,225,230,.45),transparent 70%),var(--color-white);transition:width var(--transition-normal);z-index:110}.sidebar-fixed.collapsed{width:76px}.sidebar-drawer{height:100%;width:100%}@media (max-width: 899px){.sidebar-fixed{display:none}}.sidebar-brand{height:72px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px 0 18px;border-bottom:1px solid var(--teal-100);flex-shrink:0}.sidebar.collapsed .sidebar-brand{flex-direction:column;justify-content:center;height:auto;padding:12px 0 8px}.sidebar-logo{border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center}.sidebar-collapse{padding:6px}.sidebar-cta{padding:12px 14px 6px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.sidebar-cta>.btn{width:100%;justify-content:center;padding:9px 14px;letter-spacing:.04em}.sidebar.collapsed .sidebar-cta{padding:12px 14px 4px}.sidebar.collapsed .sidebar-cta>.btn{padding:11px 0}.sidebar-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sidebar-quick button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;border:1px solid var(--teal-200);border-radius:var(--radius-md);background:var(--teal-50);color:var(--teal-800);font-family:var(--font-sans);font-size:.66rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.sidebar-quick button:hover{border-color:var(--teal-500);background:var(--color-white)}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:2px 10px 8px;scrollbar-width:thin}.sidebar-group{padding-top:4px}.sidebar-group+.sidebar-group{margin-top:4px;border-top:1px solid var(--teal-100)}.sidebar-group-title{padding:4px 10px 3px;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.sidebar-link{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:7px 10px;margin-bottom:1px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:.88rem;font-weight:500;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-link:hover{background:var(--teal-50);color:var(--teal-900)}.sidebar-link.active{background:var(--teal-100);color:var(--teal-900);font-weight:700}.sidebar-link.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--teal-800)}.sidebar.collapsed .sidebar-link{justify-content:center;padding:11px 0}.sidebar-icon{position:relative;display:inline-flex;color:var(--teal-700)}.sidebar-link.active .sidebar-icon{color:var(--teal-800)}.sidebar-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-badge{min-width:22px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.sidebar-dot{position:absolute;top:-3px;right:-5px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--color-white)}.tone-info{background:var(--teal-100);color:var(--teal-800)}.tone-danger{background:var(--color-danger-bg);color:var(--color-danger)}.tone-success{background:var(--color-success-bg);color:var(--color-success)}.tone-warning{background:var(--color-warning-bg);color:var(--color-warning)}.sidebar-dot.tone-info{background:var(--teal-600)}.sidebar-dot.tone-danger{background:var(--color-danger)}.sidebar-dot.tone-success{background:var(--color-success)}.sidebar-dot.tone-warning{background:var(--color-warning)}.sidebar-footer{padding:8px 14px 12px;flex-shrink:0}.sidebar-shop{position:relative;overflow:hidden;padding:12px 14px;border:1px solid var(--teal-200);border-radius:var(--radius-md);background:var(--color-white);font-size:.74rem;color:var(--teal-800);line-height:1.35}.sidebar-shop>div:not(.sidebar-shop-art){position:relative;max-width:78%}.sidebar-shop-art{position:absolute;right:-18px;bottom:-14px;opacity:.55;pointer-events:none}@media (max-height: 820px){.sidebar-fixed .sidebar-footer{display:none}}@media (max-height: 640px){.sidebar-fixed .sidebar-quick{display:none}}@media (min-width: 900px){.header-brand{display:none!important}}.dash-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dash-search{display:none}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.dash-stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;text-align:left;font-family:var(--font-sans);color:inherit}.dash-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:20px;align-items:start}.dash-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--teal-100);border-radius:var(--radius-md);background:var(--color-white);transition:border-color var(--transition-fast)}.dash-row:hover{border-color:var(--teal-300)}.dash-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:none;background:none;padding:0;cursor:pointer;text-align:left;font-family:var(--font-sans);color:inherit}.dash-row-main span{overflow:hidden;text-overflow:ellipsis}.dash-recent{display:flex;align-items:center;gap:12px;padding:10px 6px;border:none;border-top:1px solid var(--teal-100);background:none;cursor:pointer;font-family:var(--font-sans);color:inherit;border-radius:var(--radius-sm)}.dash-recent:first-child{border-top:none}.dash-recent:hover{background:var(--teal-50)}@media (max-width: 900px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:1fr}}@media (max-width: 760px){.dash-search{display:block}}@media (max-width: 520px){.dash{padding:16px 12px 100px!important}.dash-actions,.dash-actions .btn-lg{width:100%}.dash-actions .btn-ghost-light{flex:1}.dash-stat{padding:12px}}.meas-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.meas-guide{position:sticky;top:12px}.meas-tables{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--teal-200);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.meas-table{width:100%;border-collapse:collapse;font-size:.86rem}.meas-table+.meas-table{border-left:1px solid var(--teal-200)}.meas-table th{background:var(--teal-800);color:var(--color-white);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 8px;text-align:center}.meas-table td{padding:5px 8px;border-top:1px solid var(--teal-100);color:var(--text-primary)}.meas-table tr.is-active td{background:var(--teal-50)}.meas-table .meas-no{text-align:center;color:var(--teal-600);font-weight:600}.meas-input{width:100%;padding:6px 8px;text-align:center;font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--teal-900);border:1px solid var(--teal-200);border-radius:var(--radius-sm);outline:none;background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.meas-input:focus{border-color:var(--teal-600);box-shadow:var(--focus-ring)}.unit-toggle{display:inline-flex;border:1px solid var(--teal-300);border-radius:var(--radius-full);overflow:hidden}.unit-toggle button{border:none;background:transparent;padding:3px 12px;font-size:.75rem;font-weight:700;color:var(--teal-700);cursor:pointer}.unit-toggle button.on{background:var(--teal-800);color:var(--color-white)}@media (max-width: 1000px){.meas-layout{grid-template-columns:1fr}.meas-guide{max-width:420px;width:100%;margin:0 auto}}@media (max-width: 640px){.meas-tables{grid-template-columns:1fr}.meas-table+.meas-table{border-left:none}.meas-table+.meas-table thead{display:none}}.wizard-steps{display:flex;gap:4px;padding:14px 24px;border-bottom:1px solid var(--teal-200);background:var(--color-white);overflow-x:auto}.wizard-step{flex:1;min-width:120px;display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;text-align:left}.wizard-step:disabled{cursor:not-allowed}.wizard-step .num{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--teal-300);color:var(--teal-600);font-size:.78rem;flex-shrink:0}.wizard-step.done .num{background:var(--teal-200);border-color:var(--teal-200);color:var(--teal-800)}.wizard-step.current{color:var(--teal-900);background:var(--teal-50)}.wizard-step.current .num{background:var(--teal-800);border-color:var(--teal-800);color:var(--color-white)}.btn-whatsapp{background:#1f9d55;color:var(--color-white);border-color:#1f9d55}.btn-whatsapp:hover{background:#17803f;border-color:#17803f;transform:translateY(-1px)}.wa-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--teal-200);border-radius:var(--radius-md);background:var(--color-white)}.wa-card .wa-meta{flex:1;min-width:0}.wa-sent{font-size:.7rem;color:var(--color-success);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{body{background:#fff!important}body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-area{position:absolute;left:0;top:0;width:100%;margin:0;padding:20px;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}}