*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F4EE;--bg-panel: #FFFFFF;--bg-sidebar: #1C1A16;--text-primary: #1C1A16;--text-secondary: #6B6455;--text-muted: #A89E8E;--text-sidebar: #E8E2D8;--text-sidebar-muted: #7A7060;--border: #E0D9CF;--border-strong: #C8BFB2;--accent: #7A5C3A;--accent-hover: #5E4529;--green: #3A6B4A;--green-bg: #EAF2EC;--amber: #8B5E1A;--amber-bg: #FDF3E3;--red: #7A2A2A;--red-bg: #FAEAEA;--blue: #2A4A7A;--blue-bg: #E8EEFA;--purple: #5A3A7A;--purple-bg: #F0EAFA;--radius: 8px;--radius-lg: 12px;--font-sans: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--font-serif: "Playfair Display", serif;--color-text-primary: #1C1A16;--color-text-secondary: #6B6455;--color-text-muted: #A89E8E;--color-background-primary: #F7F4EE;--color-background-secondary: #FFFFFF;--color-border-tertiary: #E0D9CF;--border-radius-md: 8px;--border-radius-lg: 12px}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text-primary);height:100vh;overflow:hidden}#root{display:flex;height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.font-mono{font-family:DM Mono,monospace}.font-serif{font-family:Playfair Display,serif}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:500;letter-spacing:.03em;font-family:DM Mono,monospace;white-space:nowrap}.badge-aging{background:var(--purple-bg);color:var(--purple)}.badge-ready{background:var(--green-bg);color:var(--green)}.badge-mlf{background:var(--amber-bg);color:var(--amber)}.badge-new{background:var(--blue-bg);color:var(--blue)}.badge-bottled{background:#f0f0f0;color:#666}.badge-filed{background:var(--green-bg);color:var(--green)}.badge-draft{background:var(--amber-bg);color:var(--amber)}.badge-paid{background:var(--green-bg);color:var(--green)}.badge-pending{background:var(--blue-bg);color:var(--blue)}.btn{padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border-strong);background:#fff;font-size:12px;font-family:DM Sans,sans-serif;color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .15s;white-space:nowrap;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:var(--bg)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-sm{padding:5px 10px;font-size:11px;min-height:30px}input,select,textarea{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--bg);transition:border-color .15s;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:80px}label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-family:DM Mono,monospace;display:block;margin-bottom:5px}.form-group{margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.panel-title{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-family:DM Mono,monospace;margin-bottom:14px}.stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-family:DM Mono,monospace;margin-bottom:6px}.stat-value{font-family:Playfair Display,serif;font-size:28px;font-weight:400;color:var(--text-primary);line-height:1}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:4px}.stat-sub.warn{color:var(--amber)}.stat-sub.good{color:var(--green)}.table-wrap{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:11px 16px;text-align:left;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-weight:400;border-bottom:1px solid var(--border);background:var(--bg)}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg);cursor:pointer}.variety-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-primary);font-weight:500}.variety-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.progress-mini{width:80px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1680;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-panel);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:0 8px 32px #1c1a1626;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-family:Playfair Display,serif;font-size:18px;font-weight:400}.modal-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px}.modal-close:hover{background:var(--bg)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.scroll-content{flex:1;overflow-y:auto;padding:24px 28px}.stats-row{display:grid;gap:12px;margin-bottom:24px}.stats-row-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stats-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-family:DM Mono,monospace}.filter-chip{padding:5px 12px;border-radius:20px;font-size:11px;font-family:DM Mono,monospace;border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;color:var(--text-secondary);transition:all .15s}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.alert-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-lg);margin-bottom:20px}.alert-amber{background:var(--amber-bg);border:1px solid var(--amber)}.alert-blue{background:var(--blue-bg);border:1px solid #A8BEDC}.avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;font-family:DM Mono,monospace}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:13px}.cf-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-panel);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);display:none;gap:0}.cf-bottom-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);font-size:10px;font-family:DM Sans,sans-serif;padding:8px 0;transition:color .15s;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:52px}.cf-bottom-item.cf-bottom-active{color:var(--accent)}.cf-bottom-item span{font-size:10px}.cf-hamburger{display:none}@media (max-width: 768px){body{overflow:auto}#root{flex-direction:row;height:100vh;overflow:hidden}.cf-sidebar{position:fixed!important;top:0;left:0;height:100vh!important;width:280px!important;z-index:200;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #0006;flex-shrink:0!important}.cf-sidebar.cf-sidebar-open{transform:translate(0)}.cf-hamburger{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius)}.cf-bottom-nav{display:flex!important}.cf-main{height:100vh!important;overflow:hidden!important;flex:1!important;min-width:0!important}header{padding:0 12px!important}header h1{font-size:17px!important}.scroll-content{padding:14px 14px 80px!important;overflow-x:hidden}.panel{padding:12px!important}.stats-row-4,.stats-row-3{grid-template-columns:1fr 1fr!important;gap:8px!important}.stats-row-5{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.two-col{grid-template-columns:1fr!important;gap:12px!important}.form-row{grid-template-columns:1fr!important;gap:0!important}input,select,textarea{font-size:16px!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 28px)}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{max-width:100%!important;width:100%!important;max-height:92vh!important;border-radius:16px 16px 0 0!important;margin:0!important}.modal-body{padding:14px 16px!important}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;flex-wrap:wrap;gap:8px}.modal-footer .btn{flex:1;justify-content:center}.btn{min-height:40px}.btn-sm{min-height:34px}[style*=borderBottom][style*="display:'flex'"],[style*=border-bottom][style*="display:flex"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;scrollbar-width:none}[style*=borderBottom][style*="display:'flex'"]::-webkit-scrollbar,[style*=border-bottom][style*="display:flex"]::-webkit-scrollbar{display:none}.stat-value{font-size:22px!important}[style*="minWidth:'max-content'"],[style*='minWidth:"max-content"']{min-width:max-content}[style*="fontSize:48"]{font-size:32px!important}[style*="fontSize:44"]{font-size:28px!important}[style*="fontSize:42"]{font-size:26px!important}[style*="fontSize:36"]{font-size:24px!important}[style*="fontSize:32"]{font-size:22px!important}[style*="fontSize:28"]{font-size:20px!important}[style*="flexWrap:'wrap'"][style*="gap:6"],[style*="flexWrap:'wrap'"][style*="gap:8"]{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:2px}}@media (max-width: 390px){.scroll-content{padding:10px 10px 80px!important}.panel{padding:10px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.cf-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}html.dark{--bg: #1A1814;--bg-panel: #242118;--bg-sidebar: #0F0E0C;--text-primary: #E8E2D8;--text-secondary: #A89E8E;--text-muted: #6B6455;--text-sidebar: #E8E2D8;--text-sidebar-muted: #6B6455;--border: #2E2B25;--border-strong: #3D382F;--accent: #C49A6C;--accent-hover: #D4AA7C;--green: #5A9B6A;--green-bg: #1A2B1E;--amber: #C49A6C;--amber-bg: #2A2218;--red: #C45050;--red-bg: #2A1818;--blue: #5A8AC4;--blue-bg: #182030;--purple: #8A6AC4;--purple-bg: #201830}html.dark body{background:var(--bg);color:var(--text-primary)}html.dark .modal{background:var(--bg-panel)}html.dark .modal-overlay{background:#000000b3}html.dark input,html.dark select,html.dark textarea{background:var(--bg-panel);border-color:var(--border);color:var(--text-primary)}html.dark input:focus,html.dark select:focus,html.dark textarea:focus{border-color:var(--accent)}html.dark .btn{background:var(--bg-panel);border-color:var(--border-strong);color:var(--text-primary)}html.dark .btn:hover{background:var(--bg)}html.dark .btn-accent{background:var(--accent);border-color:var(--accent);color:#1a1814}html.dark .btn-accent:hover{background:var(--accent-hover)}html.dark .data-table th{background:var(--bg)}html.dark .data-table tbody tr:hover td,html.dark .filter-chip{background:var(--bg-panel)}html.dark .filter-chip.active{background:var(--accent);color:#1a1814}