:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0f172a;color:#0f172a}*{box-sizing:border-box}body{margin:0;background-color:#f8fafc;color:#0f172a}a{color:inherit;text-decoration:none}.app-shell{background-color:#f8fafc;align-items:stretch}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#f8fafc;padding:24px 20px;flex-direction:column;gap:16px;transition:width .2s ease,padding .2s ease;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;z-index:50;overflow:visible;flex-shrink:0}.sidebar.sidebar--collapsed{width:72px;align-items:center}.app-shell.sidebar-collapsed .app-main{width:100%}.sidebar h1{font-size:20px;font-weight:700;margin:0;letter-spacing:.04em}.sidebar.sidebar--collapsed h1{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px}.sidebar.sidebar--collapsed .sidebar-user{display:none}.sidebar nav{flex:1 1}.sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.menu-group{border-radius:12px;background-color:rgba(148,163,184,.08);padding:12px 14px}.menu-group.tucked{padding:6px}.menu-group>button{background:none;border:none;color:inherit;font-size:15px;font-weight:600;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between}.menu-group ul{margin-top:10px;display:grid;grid-gap:8px;gap:8px}.menu-group li a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;font-size:14px;color:rgba(226,232,240,.9);transition:background-color .2s ease,color .2s ease}.menu-group li a.active,.menu-group li a:hover{background-color:rgba(148,163,184,.35);color:#fff}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.sidebar-user{font-size:13px;color:rgba(248,250,252,.9);line-height:1.3}.sidebar-user__name{font-weight:600}.sidebar-user__email{font-size:12px;color:rgba(248,250,252,.7)}.sidebar-logout{border:1px solid rgba(248,250,252,.4);background:transparent;color:#f8fafc;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600}.sidebar-logout:hover{background:rgba(248,250,252,.1)}.app-main{flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{padding:5px 28px;border-bottom:1px solid #e2e8f0;background-color:#fff;display:flex;align-items:center;justify-content:space-between}.topbar h2{font-size:22px;margin:0}.content-wrapper{padding:28px;display:grid;grid-gap:24px;gap:24px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px}.stat-card{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 24px -18px rgba(15,23,42,.6);display:flex;flex-direction:column;gap:8px}.stat-card span{font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{font-size:26px;font-weight:700}.panel{background-color:#fff;border-radius:16px;padding:16px;box-shadow:0 12px 32px -22px rgba(15,23,42,.55)}.panel-row{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.panel--comments,.panel--logs{flex:1 1 360px}@media (max-width:1024px){.panel--comments,.panel--logs{flex-basis:100%}}.panel h3{margin-top:0;margin-bottom:12px;font-size:18px}table{width:100%;border-collapse:collapse}thead{background-color:#f1f5f9}thead th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;padding:10px;text-align:left;color:#475569}tbody td{border-bottom:1px solid #e2e8f0;padding:0 10px;font-size:14px;color:#0f172a}.badge{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;background-color:rgba(79,70,229,.12);color:#4338ca}.form-grid{display:grid;grid-gap:16px;gap:16px}.form-grid label{font-size:13px;font-weight:600;color:#475569}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5f5;font-size:14px;background-color:#f8fafc}.form-control{display:flex;flex-direction:column;gap:6px}.form-control.flex-row{flex-direction:row;align-items:center}.form-label{font-size:13px;font-weight:600;color:#475569}.input,.textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5f5;font-size:14px;background-color:#fff}.textarea{resize:vertical}.checkbox{width:18px;height:18px;accent-color:#2563eb}.form-hint{font-size:12px;color:#94a3b8;margin-top:4px;display:block}.alert{border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500}.alert-success{background-color:#dcfce7;color:#166534}.alert-error{background-color:#fee2e2;color:#991b1b}.form-blocks{display:grid;grid-gap:20px;gap:20px}.form-blocks.two-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-blocks h4{margin:0 0 12px;font-size:15px;color:#0f172a}.form-block{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background-color:#fff}.form-block.compact-block{padding:12px;gap:8px}.form-block.compact-block.compact-block--grid{padding:8px}.compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px}.form-control.condensed{gap:2px}.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.empty-state{padding:24px;border-radius:12px;background-color:#f1f5f9;color:#475569;text-align:center}.product-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 10px 25px -12px rgba(15,23,42,.2)}.product-card__image{width:100%;padding-top:60%;position:relative;background:#f8fafc;display:flex;align-items:center;justify-content:center}.product-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-card__placeholder{font-size:13px;color:#94a3b8;text-align:center}.product-card__body{padding:16px;display:flex;flex-direction:column;gap:6px}.product-card__body h4{margin:0;font-size:16px;color:#0f172a}@media (max-width:960px){.app-shell{flex-direction:row}.topbar{gap:12px}.topbar,.topbar>div:first-of-type{flex-wrap:wrap}}button.enter{background:#1e293b;color:#fff;border-radius:12px;border:none;padding:10px 16px;font-weight:600}.sidebar-toggle{width:36px;height:36px;border-radius:10px;border:1px solid #cbd5f5;background:#fff;color:#0f172a;font-size:18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-toggle:hover{background:#e2e8f0}.sidebar-icon{width:20px;text-align:center;font-size:16px}.sidebar-label{white-space:nowrap}.sidebar.sidebar--collapsed .sidebar-label{display:none}.menu-group.tucked{position:relative}.menu-group.tucked .submenu{position:absolute;left:calc(100% + 4px);top:0;background:#0f172a;color:#f8fafc;padding:12px;border-radius:12px;min-width:220px;box-shadow:0 18px 38px -18px rgba(15,23,42,.8);display:none;z-index:1200}.menu-group.tucked .submenu.submenu--open{display:grid;grid-gap:8px;gap:8px}.menu-group.tucked:hover .submenu{display:grid}.menu-group.tucked:after{content:"";position:absolute;top:0;right:-4px;width:8px;height:100%}.menu-group.tucked .submenu:before{content:"";position:absolute;top:0;left:-4px;width:8px;height:100%}.menu-group.tucked .submenu li a{color:rgba(226,232,240,.95);display:flex;align-items:center;gap:8px}.menu-group.tucked .submenu li a.active,.menu-group.tucked .submenu li a:hover{background-color:hsla(0,0%,100%,.18);color:#fff}.menu-group.tucked .submenu .sidebar-label{display:inline}button{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-weight:600;font-size:14px;line-height:1.2;background-color:#2563eb;color:#fff;transition:transform .15s ease,box-shadow .15s ease}button:disabled{opacity:.6;cursor:not-allowed}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 18px -12px rgba(37,99,235,.7)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:#2563eb;color:#fff}.btn-outline{background-color:transparent;border:1px solid #cbd5f5;color:#0f172a}.btn-outline:not(:disabled):hover{box-shadow:none;border-color:#94a3b8;background-color:rgba(148,163,184,.15)}.btn-light{background:hsla(0,0%,100%,.9);color:#0f172a;border:1px solid rgba(148,163,184,.4);box-shadow:0 4px 12px rgba(15,23,42,.15)}.btn-light:not(:disabled):hover{background:#fff;border-color:#94a3b8;box-shadow:0 6px 18px rgba(15,23,42,.25)}.btn-compact{padding:8px 12px;font-size:12px}.btn-back{border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;gap:6px}.btn-back__icon{font-size:16px;line-height:1}.btn-action{border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;gap:8px;box-shadow:0 18px 36px -22px rgba(37,99,235,.7)}.btn-action svg{width:18px;height:18px}.btn-icon,.link-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;border:none;color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.15);padding:0;text-decoration:none}.btn-icon svg,.link-icon svg{display:block}.btn-icon--edit,.link-icon--edit{background-color:#2563eb}.btn-icon--delete,.link-icon--delete{background-color:#ef4444}.btn-icon--view,.link-icon--view{background-color:#0ea5e9}.link-reset{color:inherit}.link,.link-reset{text-decoration:none}.link{color:#2563eb;font-weight:600}.link:hover{color:#1d4ed8}.data-table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff}.table-sort{background:transparent;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:6px}.data-table thead th{text-transform:uppercase;font-size:12px;letter-spacing:.02em;color:#475569;padding:14px 16px;background-color:#f1f5f9;text-align:left}.data-table tbody td{border-bottom:1px solid #e2e8f0;font-size:14px}.table-subtext{font-size:12px;color:#94a3b8;margin-top:2px}.data-table tbody tr:last-child td{border-bottom:none}.integrations-table tbody tr.active-row{background:rgba(59,130,246,.08);box-shadow:inset 0 0 0 1px rgba(59,130,246,.15)}.table-icon-cell{width:80px;text-align:center}.table-avatar-cell{width:56px}.table-compact td{padding:0 12px}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-placeholder{text-align:center;padding:24px;color:#475569;font-size:14px}.marketplace-search-table td:nth-child(2),.marketplace-search-table th:nth-child(2){white-space:normal;width:100%;word-break:break-word}.order-items-table td:nth-child(2),.order-items-table th:nth-child(2){white-space:normal;width:100%}.table-input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px;gap:4px;align-items:center}.invoice-items-table td,.invoice-items-table th{vertical-align:top;padding-top:2px;padding-bottom:2px}.invoice-items-table td:last-child,.invoice-items-table th:last-child{width:90px;text-align:center}.invoice-items-table input{width:70px;padding:6px 8px;border-radius:10px;border:1px solid #cbd5f5;background-color:#fff;font-size:13px}.invoice-items-table input[type=number]{text-align:right}.invoice-item-name,.invoice-item-name input{width:100%}.table-toolbar{margin-bottom:12px;flex-wrap:wrap}.table-toolbar,.table-toolbar__left{display:flex;align-items:center;gap:12px}.table-toolbar__left{flex:1 1}.table-toolbar__info{color:#64748b;min-width:180px;text-align:right}.table-pagination{justify-content:space-between;flex-wrap:wrap}.table-pagination,.table-pagination__actions{display:flex;align-items:center;gap:12px}.table-pagination__info{min-width:140px;text-align:center;color:#475569}.table-pagination__button{padding:8px 14px;border-radius:8px;border:1px solid #cbd5f5;background-color:#fff;color:#0f172a}.table-pagination__button:disabled{background-color:#f1f5f9;color:#0f172a}.table-sort{background:none;border:none;padding:0;font-weight:600;color:#0f172a;cursor:pointer}.table-sort:hover{color:#2563eb}.table-input-action input{width:100%}.invoice-item-actions{width:100%;justify-content:flex-end;gap:8px;padding-right:8px}.order-items-table input{width:100%;padding:8px 12px;border-radius:10px;border:1px solid #cbd5f5;font-size:13px;background-color:#fff}.order-items-table input[type=number]{text-align:right}.product-lookup{margin-top:10px;border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#f8fafc;display:grid;grid-gap:10px;gap:10px}.product-lookup__controls{display:flex;gap:8px}.product-lookup__controls input{flex:1 1;border-radius:10px;border:1px solid #cbd5f5;padding:8px 12px;font-size:13px;background:#fff}.product-lookup__results{display:grid;grid-gap:8px;gap:8px;max-height:220px;overflow-y:auto}.product-lookup__item{display:flex;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fff;text-align:left}.product-lookup__name{font-weight:600;color:#0f172a}.product-lookup__meta{font-size:12px;color:#64748b}.product-lookup__code{font-size:12px;color:#475569;white-space:nowrap}.order-add-item-form{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.order-add-item-row{display:flex;flex-wrap:nowrap;gap:12px;align-items:flex-end;width:100%}.order-add-item-field{display:flex;flex-direction:column;gap:6px}.order-add-item-field--id{flex:1 1 260px}.order-add-item-field--qty{flex:0 0 120px}.order-add-item-field input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5f5;background:#fff}.order-add-item-button{align-self:flex-end;flex:0 0 auto}.action-buttons{display:inline-flex;gap:8px}.flex-row{display:flex;align-items:center;gap:12px}.flex-between,.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-header{margin-bottom:16px}.section-header--compact{gap:8px;margin-bottom:8px}.section-header h3,.section-header h4{margin:0}.section-header--compact h4{font-size:14px;font-weight:600}.section-actions{display:inline-flex;align-items:center;gap:12px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.filters-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.option-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}.option-chips--block{grid-column:1/-1}.option-chips .btn{flex:0 0 auto}.supplier-search{display:grid;grid-gap:8px;gap:8px;max-width:200px}.supplier-search__input{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.supplier-search__input input{border-radius:10px;border:1px solid #cbd5f5;padding:8px 12px;font-size:13px;background:#fff}.supplier-search__chips{display:flex;flex-wrap:wrap;gap:8px}.supplier-search__chip--active{border-color:#2563eb;color:#2563eb}.form-grid--two-columns{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.form-grid__full{grid-column:1/-1}.table-wrapper{width:100%;overflow-x:auto}.muted-small{font-size:12px;color:#475569}.text-success{color:#16a34a;font-weight:600}.text-error{color:#dc2626;font-weight:600}.text-capitalize{text-transform:capitalize}.card{background:#fff;border-radius:20px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 12px 30px rgba(15,23,42,.08)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.card-header h3{margin:0;font-size:18px;color:#0f172a}.card-header p{margin:4px 0 0;font-size:14px;color:#64748b}.key-value{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.key-value li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #e2e8f0;padding-bottom:6px;font-size:14px}.key-value li span{color:#94a3b8}.key-value li strong{color:#0f172a}.quick-links{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.quick-links .link{color:#2563eb;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600}.quick-links .link:hover{color:#1d4ed8}.card .link{color:#2563eb}.form-actions--right{justify-content:flex-end}.form-section{margin-top:0}.form-section h4{margin:0 0 8px;font-size:16px;color:#0f172a}.comment-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;margin-bottom:12px;background-color:#f8fafc}.comment-card__meta{font-size:12px;color:#475569;margin-bottom:4px}.activity-log{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.activity-log__item{border:1px solid #e2e8f0;border-radius:12px;background:#fff;position:relative;padding:10px 44px 10px 14px}.activity-log__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569;margin-bottom:4px}.activity-log__badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.activity-log__badge--success{background-color:#dcfce7;color:#15803d}.activity-log__badge--error{background-color:#fee2e2;color:#b91c1c}.activity-log__badge--warning{background-color:#fef3c7;color:#b45309}.activity-log__body{font-size:13px;color:#0f172a}.activity-log__line+.activity-log__line{margin-top:4px}.activity-log__delete{position:absolute;top:8px;right:8px;border:none;background:none;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;transition:background .2s ease,color .2s ease}.activity-log__delete:hover:not(:disabled){background:rgba(15,23,42,.08);color:#dc2626}.activity-log__delete:disabled{opacity:.4;cursor:not-allowed}.comment-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.comment-form textarea{width:100%;border-radius:12px;border:1px solid #cbd5f5;padding:10px 14px;font-size:14px;resize:vertical;min-height:90px}.comment-form textarea:disabled{background:#f8fafc}.comment-form__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.comment-form__hint{font-size:12px;color:#94a3b8}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.pagination button{border-radius:10px;border:1px solid #cbd5f5;background:#fff;color:#0f172a;font-weight:600;padding:8px 14px}.pagination button:disabled{opacity:.6}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;border:none;color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.15);padding:0;background:#2563eb;text-decoration:none}.icon-btn svg{display:block}.icon-btn--edit{background:#2563eb}.icon-btn--view{background:#0ea5e9}.icon-btn--delete{background:#ef4444}