@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #FF6B35;--primary-hover: #E85D2A;--primary-active: #CF4F1E;--primary-light: #FFF0EB;--primary-muted: rgba(255, 107, 53, .12);--bg: #FFFFFF;--surface: #FFFFFF;--surface-hover: #F7F8FA;--surface-active: #F7F8FA;--border: #E4E6EB;--border-strong: #BCC0C4;--text: #1C1E21;--text-secondary: #65676B;--text-muted: #8A8D91;--text-placeholder: #BCC0C4;--text-inverse: #FFFFFF;--success: #1E8E3E;--success-bg: #E6F4EA;--success-border: #A8D5B5;--warning: #B06000;--warning-bg: #FEF7E0;--warning-border: #F5D97A;--error: #D93025;--error-bg: #FCE8E6;--error-border: #F5C6C2;--info: #1A73E8;--info-bg: #E8F0FE;--info-border: #ADC8FF;--header-height: 54px;--nav-height: 72px;--max-w: 480px;--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 8px 16px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 16px 32px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.04);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--max-w);margin:0 auto;position:relative;background:var(--bg)}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:var(--font)}input,textarea,select{font-family:var(--font)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}h1{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}h2{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}h3{font-size:.9375rem;font-weight:600;line-height:1.4}p{line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;border:none;transition:background .15s,opacity .15s,transform .1s;min-height:40px;white-space:nowrap;letter-spacing:.01em}.btn:disabled{opacity:.5;pointer-events:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-active)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-muted)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#b71c1c}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-muted)}.btn-full{width:100%}.btn-lg{padding:.75rem 1.5rem;min-height:48px;font-size:.9375rem;border-radius:var(--radius-lg)}.btn-sm{padding:.375rem .75rem;min-height:32px;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-icon{padding:.5rem;min-height:40px;min-width:40px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.btn-icon:hover{background:var(--surface-active)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.form-input{padding:.625rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9375rem;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s;min-height:44px;width:100%;line-height:1.4}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.form-input::placeholder{color:var(--text-placeholder)}.form-input.error{border-color:var(--error)}.form-input.error:focus{box-shadow:0 0 0 3px #d930251f}.form-error{font-size:.75rem;color:var(--error);font-weight:500}.form-hint{font-size:.75rem;color:var(--text-muted)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A8D91' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem;cursor:pointer}.card{background:var(--surface);border-radius:var(--radius);padding:1rem;border:1px solid var(--border);box-shadow:var(--shadow-xs)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.card-title{font-size:.9375rem;font-weight:600;color:var(--text)}.page{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 1rem);padding-top:calc(var(--header-height) + .75rem);display:flex;flex-direction:column;gap:.75rem}.page-header{margin-bottom:.25rem}.page-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.page-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem;font-weight:400}.section-label{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.badge-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-error{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.badge-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-neutral{background:var(--surface-active);color:var(--text-secondary);border-color:var(--border)}.badge-orange{background:var(--primary-light);color:var(--primary);border-color:#ff6b354d}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.stat-card{background:var(--surface);border-radius:var(--radius);padding:.875rem 1rem;border:1px solid var(--border);box-shadow:var(--shadow-xs)}.stat-value{font-size:1.625rem;font-weight:800;color:var(--primary);letter-spacing:-.03em;line-height:1.1}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;font-weight:500}.stat-icon{font-size:1.25rem;margin-bottom:.375rem}.list-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:13px;box-sizing:border-box}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:.9rem;font-weight:600;color:var(--text)}.list-item-sub{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.avatar{border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;color:#fff;background:var(--primary);text-transform:uppercase;letter-spacing:.02em}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:40px;height:40px;font-size:.875rem}.avatar-lg{width:52px;height:52px;font-size:1rem}.avatar-xl{width:72px;height:72px;font-size:1.5rem}.table-wrapper{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.8125rem;background:var(--surface)}th{text-align:left;padding:.625rem .875rem;background:var(--bg);font-weight:700;font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}td{padding:.75rem .875rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}.divider{height:1px;background:var(--border)}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface-active) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes skeleton-wave{0%{background-position:200% center}to{background-position:-200% center}}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.625rem}.empty-state-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--surface-active);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:.25rem}.empty-state-title{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.empty-state-text{font-size:.8125rem;color:var(--text-muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:900;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:var(--max-w);max-height:90dvh;overflow-y:auto;padding:1.25rem 1.25rem calc(2rem + env(safe-area-inset-bottom,0px));animation:slide-up .25s cubic-bezier(.32,.72,0,1)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 1.25rem}.modal-title{font-size:1.0625rem;font-weight:700;margin-bottom:1.25rem}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;display:flex;flex-direction:column}.camera-video{width:100%;flex:1;object-fit:cover}.alert{padding:.75rem 1rem;border-radius:var(--radius);border:1px solid transparent;font-size:.875rem;font-weight:500;display:flex;align-items:flex-start;gap:.625rem}.alert-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.alert-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.alert-error{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.alert-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.app-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 .875rem;z-index:200}.app-header-brand{display:flex;align-items:center;gap:.5rem}.app-header-logo-mark{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;letter-spacing:-.03em;flex-shrink:0}.app-header-title{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.app-header-subtitle{font-size:.6875rem;color:var(--text-muted);font-weight:400}.app-header-actions{display:flex;align-items:center;gap:.125rem}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:200;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .25rem;border:none;background:transparent;color:var(--text-muted);font-size:.625rem;font-weight:600;letter-spacing:.03em;transition:color .15s;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--primary);border-radius:0 0 3px 3px}.nav-item svg{width:22px;height:22px}.nav-badge{position:absolute;top:4px;right:calc(50% - 18px);background:var(--error);color:#fff;border-radius:var(--radius-full);font-size:.5625rem;font-weight:800;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--surface)}.toast-container{position:fixed;top:calc(var(--header-height) + .5rem);left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:calc(var(--max-w) - 2rem);z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-md);animation:toast-in .2s cubic-bezier(.32,.72,0,1);pointer-events:all;border:1px solid transparent}.toast-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.toast-error{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.toast-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.toast-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.quick-action{background:#f2f2f2;border:none;border-radius:var(--radius);padding:1.25rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;transition:background .15s;-webkit-appearance:none;color:var(--text);text-align:left}.quick-action:hover{background:#e8e8e8}.quick-action:active{background:#dedede}.quick-action-icon{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;flex-shrink:0;padding:14px;box-sizing:border-box}.quick-action-label{font-size:.875rem;font-weight:600;color:var(--text)}.quick-action-sub{font-size:.6875rem;color:var(--text-muted)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.info-value{font-size:.875rem;color:var(--text);font-weight:600;text-align:right;max-width:65%}.score-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;background:var(--primary);transition:width .4s ease}.currency{font-variant-numeric:tabular-nums;font-weight:700}.currency-positive{color:var(--success)}.currency-negative{color:var(--error)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.w-full{width:100%}.text-muted{color:var(--text-muted);font-size:.8125rem}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:.8125rem}.text-xs{font-size:.6875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}.rounded-full{border-radius:var(--radius-full)}