@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";:root{font-family:Manrope,sans-serif;color:#111827;background:#eef2f5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#f8fafc,#e5e7eb)}#app{min-height:100vh}a{color:inherit;text-decoration:none}h1,h2{font-family:Playfair Display,serif;margin:0}p{margin:6px 0 0}.card{max-width:420px;margin:80px auto;background:#fff;padding:28px;border-radius:18px;box-shadow:0 20px 45px #0f172a1f}.auth-card{background:linear-gradient(180deg,#fff,#f9fafb)}.form{display:grid;gap:6px;margin-top:6px}.form-row{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.form label{display:grid;gap:6px;font-size:12px;color:#374151}.form input,.form select{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}.form input:focus,.form select:focus{outline:none;border-color:#111827;box-shadow:0 0 0 4px #1118271f}.form select{appearance:none;border-color:#111827;background-image:radial-gradient(circle at 14px 50%,#e2e8f0 2px,transparent 3px),linear-gradient(45deg,transparent 50%,#111827 50%),linear-gradient(135deg,#111827 50%,transparent 50%),linear-gradient(180deg,#fff 0% 100%);background-position:calc(100% - 28px) 50%,calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px),0 0;background-size:8px 8px,6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;padding-right:34px;color:#111827}.form select:hover{border-color:#6b7280}.form select option{background:#fff;color:#111827;padding:10px 12px;line-height:1.6;font-size:13px}.select-search-wrap{display:grid;gap:6px}.select-search-input{padding:8px 10px;border:1px solid #cbd5f5;border-radius:8px;background:#fff;font-size:13px}.select-search-input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #11182714}.card-item select{background:#fff;border:1px solid #111827}.company-switcher select{background:#fff;border:1px solid #111827;color:#111827}.cselect{position:relative;width:100%}.cselect-trigger{width:100%;text-align:left;padding:8px 10px;border:1px solid #111827;border-radius:8px;background:#fff;font-size:13px;color:#111827;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.cselect-trigger .muted,.cselect-trigger span{color:#111827}.cselect-trigger:hover{border-color:#111827}.cselect-arrow{width:10px;height:10px;border-right:2px solid #111827;border-bottom:2px solid #111827;transform:rotate(45deg);transition:transform .2s ease}.cselect-arrow.open{transform:rotate(-135deg)}.card-expand{display:flex;align-items:center;gap:8px}.expand-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #111827;background:#fff;color:#111827;border-radius:8px;padding:4px 8px;cursor:pointer}.card-sublist{margin-top:6px;padding-top:10px;border-top:1px dashed #d1d5db;display:grid;gap:6px;width:100%}.sub-item{display:flex;justify-content:space-between;gap:8px}.cselect-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #111827;border-radius:10px;box-shadow:0 20px 40px #0f172a1f;z-index:1000;max-height:240px;overflow:auto;padding:6px;color:#111827;display:flex;flex-direction:column;gap:6px}.cselect-menu.up{top:auto;bottom:calc(100% + 6px)}.cselect-search{width:100%;padding:8px 10px;border:1px solid #cbd5f5;border-radius:8px;background:#fff;font-size:13px}.cselect-search:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #11182714}.cselect-options{display:grid;gap:6px;max-height:190px;overflow:auto}.cselect-option{width:100%;text-align:left;padding:6px 8px;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:13px;color:#111827}.cselect-option,.cselect-option span,.cselect-option .muted{color:#111827!important}.form .cselect-option{background:#fff!important;border:1px solid #d1d5db!important;color:#111827!important}.form .cselect-option:hover{background:#fff!important;border-color:#9ca3af!important}.form .cselect-option.active{background:#fff!important;border-color:#111827!important}.cselect-option:hover{background:#fff;border-color:#9ca3af}.cselect-option.active{background:#fff;border-color:#111827}.cselect-option.muted{color:#111827}.cselect-option .status-unrested{color:#b91c1c!important;font-weight:600}.cselect-hidden{position:absolute;opacity:0;pointer-events:none;height:0}.cselect.filter .cselect-trigger{background:#fff}.cselect.filter-input .cselect-trigger{background:#f8fafc;border-color:#cbd5f5}.cselect-empty{padding:8px 10px;color:#6b7280;font-size:13px}.filter-input{background:#f8fafc;border-color:#cbd5f5}.form select option.option-muted{color:#6b7280}.form button{padding:9px 12px;border:none;border-radius:10px;background:#1d4ed8;color:#fff;font-weight:600;cursor:pointer}.form .cselect-trigger{background:#fff;color:#111827;border:1px solid #111827}.form .cselect-trigger:hover{background:#fff;color:#111827;border-color:#111827}.form .cselect-trigger span,.form .cselect-trigger .muted{color:#111827}.btn{padding:6px 8px;border-radius:6px;border:1px solid transparent;font-weight:600;cursor:pointer}.btn-secondary{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.btn-danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.form-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.chip-group{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;font-size:12px}.ghost{background:#fff;color:#1d4ed8;border:1px solid #c7d2fe}.switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.form label.switch{display:inline-flex;grid-template-columns:none}.switch input{display:none}.switch .slider{width:44px;height:24px;background:#d1d5db;border-radius:999px;position:relative;transition:background .2s ease}.switch .slider:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.switch input:checked+.slider{background:#1d4ed8}.switch input:checked+.slider:after{transform:translate(20px)}.switch.small .slider{width:38px;height:20px}.switch.small .slider:after{width:14px;height:14px;top:3px;left:3px}.switch.small input:checked+.slider:after{transform:translate(16px)}.switch-label{font-size:13px;color:#374151}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal{background:#fff;border-radius:16px;width:min(420px,100%);padding:18px 20px;box-shadow:0 20px 45px #0f172a33}.modal-title{font-family:Playfair Display,serif;font-size:18px}.modal-body{margin-top:8px;color:#374151;font-size:13px}.modal-actions{margin-top:16px;display:flex;gap:6px;justify-content:flex-end}.error{color:#b42318;font-size:13px}.muted{color:#6b7280;font-size:13px}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.app-shell.collapsed{grid-template-columns:78px 1fr}.sidebar{background:#111827;color:#e5e7eb;display:flex;flex-direction:column;padding:18px 14px;gap:18px;border-right:1px solid #1f2937}.sidebar.collapsed{align-items:center}.sidebar-header{display:flex;align-items:center;gap:8px;color:#fff}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #4b5563;background:#0f172a;color:#e5e7eb;border-radius:10px;padding:0;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.icon-button:hover{background:#111827;border-color:#6b7280;color:#fff}.icon-button svg{width:18px;height:18px;display:block}.brand{font-weight:700;letter-spacing:.6px}.sidebar-content{display:grid;gap:8px}.company-switcher label{display:grid;gap:6px;font-size:12px;color:#9ca3af}.company-switcher select{width:100%;padding:8px 10px;border-radius:10px;border:1px solid #111827;background:#fff;color:#111827}.nav{display:grid;gap:6px}.nav-group{display:grid;gap:6px;margin-left:8px}.nav-group-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin:6px 0 2px}.nav-link{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;color:#e5e7eb}.nav-icon{width:22px;height:22px;border-radius:8px;background:#1f2937;color:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.nav-icon svg{width:14px;height:14px}.nav-link.active{background:#1f2937;color:#fff}.nav-link.active .nav-icon{background:#38bdf8;color:#0f172a}.sidebar.collapsed .nav-link{grid-template-columns:28px;justify-content:center}.app-main{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.topbar-actions{display:flex;gap:8px;align-items:center}.topbar .link{color:#1d4ed8;font-size:13px}.mobile-menu-btn,.sidebar-backdrop{display:none}.content-shell{display:grid;grid-template-columns:1fr 260px;gap:18px;padding:26px;flex:1}.content-shell.full{grid-template-columns:1fr}.content-shell>*:first-child{grid-column:1}.sub-sidebar{grid-column:2;align-self:start;background:#fff;border-radius:16px;padding:16px;box-shadow:0 12px 24px #0f172a0f;border:1px solid #e5e7eb;position:sticky;top:20px}.sub-sidebar.collapsed{width:60px;padding:12px}.sub-sidebar-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:12px;gap:8px}.sub-nav{display:grid;gap:8px}.sub-group{display:grid;gap:6px}.sub-group-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin-top:6px}.sub-link{padding:8px 10px;border-radius:10px;border:1px solid transparent;color:#1f2937;display:block}.sub-link.active{background:#eef2ff;border-color:#c7d2fe;color:#1d4ed8}.dashboard{display:grid;gap:14px}.panel{background:#fff;border-radius:12px;padding:14px;box-shadow:0 18px 40px #0f172a14}.panel>*+*{margin-top:8px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.panel-actions{display:flex;gap:8px;align-items:center}.section-title{margin:0 0 12px;font-size:15px}.panel .link{font-size:13px;color:#1d4ed8}.list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.list button{border:1px solid #d0d5dd;background:#f9fafb;padding:6px 10px;border-radius:8px;cursor:pointer}.list button.active{background:#2563eb;color:#fff;border-color:#2563eb}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.tiles.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tile{display:block;padding:12px;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#e0f2fe);border:1px solid #bfdbfe;font-weight:600}.muted-tile{opacity:.7}.table{display:grid;gap:6px;margin-bottom:16px}.table-row{display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px;border-radius:6px;background:#f9fafb}.table-row.header{background:#e2e8f0;font-weight:600}.card-list{display:grid;gap:6px;margin-bottom:10px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.card-item{display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:0;background:#fff;border:0;border-bottom:1px solid #e5e7eb;text-align:left;width:100%;cursor:pointer}.card-item select{padding:6px 8px;border-radius:8px;border:1px solid #d1d5db;background:#fff}.card-item strong{display:block;margin-bottom:4px}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-input{padding:6px 8px;border-radius:6px;border:1px solid #d1d5db;min-width:120px}.input-toggle{display:flex;align-items:stretch;gap:8px}.input-toggle input{flex:1}.toggle-group{display:flex;border:1px solid #111827;border-radius:8px;overflow:hidden}.toggle{padding:0 10px;border:none;background:#fff;color:#111827;cursor:pointer;font-weight:600}.toggle+.toggle{border-left:1px solid #111827}.toggle.active{background:#111827;color:#fff}.cost-hint{align-self:center}.switch-inline{display:inline-flex;align-items:center;gap:8px}.price-item{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;cursor:pointer}.price-pill{padding:6px 10px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;font-size:14px;font-weight:600;min-width:96px;text-align:center}.icon-btn svg{width:18px;height:18px}.form-spacer{flex:1}.card-item{text-decoration:none}.card-item.active-card{outline:2px solid #93c5fd;background:#eef2ff}.card-list .card-item:last-child{border-bottom:0}.two-columns{display:grid;gap:14px;grid-template-columns:minmax(240px,1fr) minmax(280px,1.2fr)}.panel-sub h3{margin:0 0 12px}.line-card{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#f8fafc}.line-card .ghost{margin-top:6px}.line-actions{display:flex;justify-content:flex-end;margin-top:8px}.recipes-filters{margin-bottom:6px}.search-input{background:#fff;border:1px solid #111827;border-radius:10px;padding:10px 12px;color:#111827}.search-input::placeholder{color:#6b7280}.search-input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 4px #1118271f}.supply-history-search{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#93c5fd,#2563eb) border-box;border:1px solid transparent;box-shadow:0 8px 18px #2563eb1f}.supply-history-search:focus{border-color:transparent;box-shadow:0 0 0 4px #2563eb29,0 10px 20px #2563eb2e}@media(max-width:900px){.mobile-menu-btn{display:inline-flex}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0f172a59;border:0;padding:0;margin:0;z-index:15}.topbar{padding:10px 12px;gap:8px}.topbar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.content-shell{grid-template-columns:1fr;gap:10px;padding:10px}.sub-sidebar{grid-column:1;order:-1;position:static;top:auto;padding:10px;border-radius:10px}.two-columns{grid-template-columns:1fr;gap:10px}.app-shell,.app-shell.collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;transform:translate(-100%);transition:transform .2s ease;z-index:20;padding:10px;gap:10px;overflow-y:auto}.sidebar.collapsed{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}.panel{padding:10px;border-radius:10px}.panel-header{align-items:flex-start;flex-direction:column}.panel-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.form-row{grid-template-columns:1fr}.card-item{grid-template-columns:1fr;align-items:flex-start;gap:6px}.price-item{flex-direction:column;align-items:flex-start}.inline-actions{width:100%}.table-row{grid-template-columns:1fr 1fr;gap:6px}.tile{padding:10px}}@media(max-width:600px){.card{margin:16px;padding:14px;border-radius:12px}.tiles{grid-template-columns:1fr}.nav-link{padding:7px 9px}.muted{font-size:12px}.form input,.form select,.cselect-trigger,.btn,.form button{min-height:38px}}