.sidebar{background:var(--p-nav-bg);bottom:0;color:var(--p-nav-item);display:flex;flex-direction:column;height:100%;left:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:fixed;scrollbar-color:#2a2a3e var(--p-nav-bg);scrollbar-width:thin;top:0;width:240px;z-index:200}.sidebar-brand{border-bottom:1px solid var(--p-nav-border);gap:.625rem;padding:1rem 1.125rem}.brand-icon{background:var(--p-action-primary);border-radius:6px;font-size:.65rem;height:32px;letter-spacing:.02em;width:32px}.brand-text{line-height:1.25}.brand-name{letter-spacing:0}.brand-sub{color:var(--p-nav-label);font-size:.625rem;letter-spacing:.08em}.sidebar-nav{padding:.625rem 0}.nav-group{margin-bottom:.25rem}.nav-group-label{color:var(--p-nav-label);font-size:.65rem;font-weight:600;letter-spacing:.1em;padding:.875rem 1.125rem .25rem}.nav-item{border-radius:var(--p-radius-sm);color:var(--p-nav-item);font-size:.8375rem;gap:.625rem;margin:1px .625rem;padding:.475rem .75rem}.nav-item:hover{background:#ffffff12;color:var(--p-nav-item-hover)}.nav-item.active{background:var(--p-nav-active-bg);color:var(--p-nav-active)}.nav-item.active .nav-icon{opacity:1}.nav-item.active:before{background:var(--p-action-primary);height:50%;left:-.625rem;top:25%}.nav-icon{font-size:.9rem;opacity:.75;width:16px}.sidebar-footer{border-top:1px solid var(--p-nav-border);gap:.5rem}.user-avatar{background:var(--p-action-primary);font-size:.75rem;height:28px;width:28px}.user-role{font-size:.65rem}.btn-logout,.user-role{color:var(--p-nav-label)}.btn-logout{transition:color .15s,background .15s}.btn-logout:hover{background:#ffffff12}@media (max-width:900px){.sidebar{width:200px}}.sidebar-brand{border-bottom:1px solid #1e293b;gap:.65rem;padding:1.1rem 1rem}.brand-icon,.sidebar-brand{align-items:center;display:flex;flex-shrink:0}.brand-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;height:34px;justify-content:center;letter-spacing:0;width:34px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-name{color:#f1f5f9;font-size:.875rem;font-weight:600;letter-spacing:-.01em}.brand-sub{color:#475569;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:.5rem 0}.nav-group{margin-bottom:.125rem}.nav-group-label{color:#334155;font-size:.62rem;font-weight:700;letter-spacing:.09em;padding:.875rem 1rem .3rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.nav-item{align-items:center;border-radius:6px;color:#94a3b8;display:flex;font-size:.835rem;font-weight:400;gap:.6rem;margin:1px .5rem;padding:.45rem .625rem;position:relative;text-decoration:none;transition:background .12s ease,color .12s ease}.nav-item:hover{background:#1e293b;color:#cbd5e1}.nav-item.active{background:#3b82f626;color:#60a5fa;font-weight:500}.nav-item.active .nav-icon{filter:none}.nav-item.active:before{background:#3b82f6;border-radius:0 3px 3px 0;content:"";height:60%;left:-.5rem;position:absolute;top:20%;width:3px}.nav-icon{flex-shrink:0;font-size:.95rem;line-height:1;text-align:center;width:18px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #1e293b;flex-shrink:0;gap:.625rem;padding:.75rem 1rem}.sidebar-footer,.user-profile{align-items:center;display:flex}.user-profile{flex:1 1;gap:.5rem;min-width:0}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:30px;justify-content:center;width:30px}.user-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.user-name{color:#e2e8f0;font-size:.775rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#475569;font-size:.68rem;text-transform:capitalize}.btn-logout{align-items:center;background:#0000;border:none;border-radius:4px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;line-height:1;padding:.3rem;transition:color .15s ease,background .15s ease}.btn-logout:hover{background:#1e293b;color:#f87171}.nav-badge{background:#ef4444;border-radius:10px;color:#fff;flex-shrink:0;font-size:.6rem;font-weight:700;line-height:1;min-width:16px;padding:2px 5px;text-align:center}.sidebar-toggle{align-items:center;background:var(--p-nav-bg);border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 2px 12px #0000004d;color:#f1f5f9;cursor:pointer;display:none;font-size:1.1rem;height:40px;justify-content:center;left:12px;line-height:1;position:fixed;top:12px;transition:background .15s;width:40px;z-index:300}.sidebar-toggle:hover{background:#16213e}.sidebar-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0000007a;inset:0;position:fixed;z-index:199}@media (max-width:1024px){.sidebar-toggle{display:flex}.sidebar{box-shadow:none;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;width:260px}.sidebar--open{box-shadow:4px 0 40px #00000073;transform:translateX(0)}}.login-container{align-items:center;background:var(--p-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-radius-lg);box-shadow:var(--p-shadow);max-width:400px;padding:2.5rem 2rem}.login-card h2{color:var(--p-text);font-size:1.25rem;letter-spacing:-.01em;margin-bottom:.375rem}.login-subtitle{color:var(--p-text-subdued);font-size:.8125rem;margin-bottom:1.75rem}.login-form{margin-top:1.5rem}.login-form .form-group{margin-bottom:1.125rem}.login-form .form-group:last-of-type{margin-bottom:1.5rem}.login-form label{color:var(--p-text);font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.login-form input{background:var(--p-surface);border:1px solid var(--p-border-strong);border-radius:var(--p-radius-sm);color:var(--p-text);font-family:inherit;font-size:.875rem;line-height:1.5;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:var(--p-action-primary);box-shadow:0 0 0 3px var(--p-focused)}.login-btn{font-size:.875rem;font-weight:500;padding:.625rem 1rem}.login-btn:disabled{opacity:.55}.error-message{background:#fff4f2;border:1px solid #ffc9c0;border-radius:var(--p-radius-sm);color:var(--p-action-critical);font-size:.8125rem;margin-bottom:1.25rem;padding:.75rem 1rem}@media (max-width:480px){.login-card{padding:1.75rem 1.25rem}}.login-card{background:var(--apple-white);border-radius:var(--apple-radius);box-shadow:0 4px 16px var(--apple-shadow);max-width:420px;padding:3rem 2.5rem;width:100%}.login-card h2{color:var(--apple-black);font-size:2rem;font-weight:600;letter-spacing:-.03em;margin-bottom:.5rem;text-align:center}.login-subtitle{color:var(--apple-secondary-text);font-size:.95rem;letter-spacing:-.01em;margin-bottom:2rem;text-align:center}.login-form{margin-top:2rem}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-group:last-of-type{margin-bottom:2rem}.login-form label{color:var(--apple-text);display:block;font-size:.95rem;font-weight:400;letter-spacing:-.01em;margin-bottom:.5rem}.login-form input{background-color:var(--apple-white);border:1px solid var(--apple-border);border-radius:var(--apple-radius-sm);color:var(--apple-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.login-form input:focus{border-color:var(--apple-blue);box-shadow:0 0 0 4px #0071e31a;outline:none}.login-btn{font-size:1rem;font-weight:400;margin-top:.5rem;padding:.875rem 1rem;width:100%}.login-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ff3b301a;border-left:3px solid #ff3b30;border-radius:var(--apple-radius-sm);color:#ff3b30;font-size:.9rem;margin-bottom:1.5rem;padding:.875rem 1rem}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.login-card h2{font-size:1.75rem}}.dashboard{padding:0}.dashboard-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.75rem}.dashboard-title{color:var(--p-text)!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.02em!important;margin-bottom:.2rem!important;margin-top:0!important}.dashboard-subtitle{margin:0}.dashboard-date-pill,.dashboard-subtitle{color:var(--p-text-subdued);font-size:.8125rem}.dashboard-date-pill{background:var(--p-surface);border:1px solid var(--p-border);border-radius:20px;flex-shrink:0;font-weight:500;margin-top:.25rem;padding:.4rem .875rem;white-space:nowrap}.db-section{background:var(--p-surface);border:1px solid var(--p-border);border-radius:12px;box-shadow:var(--p-shadow-sm);margin-bottom:1.5rem;padding:1.375rem 1.5rem}.db-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.db-section-title{align-items:center;color:var(--p-text)!important;display:flex;font-size:.9375rem!important;font-weight:700!important;gap:.5rem;margin:0!important}.db-live-dot{background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b9812e;display:inline-block;height:8px;width:8px}.db-section-meta{color:var(--p-text-subdued);font-size:.8125rem}.db-kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.db-kpi-card{align-items:center;background:var(--p-surface);border:1px solid var(--p-border);border-radius:10px;display:flex;gap:1rem;overflow:hidden;padding:1.125rem 1.25rem;position:relative;transition:box-shadow .15s,transform .15s}.db-kpi-card:before{border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.db-kpi-card:hover{box-shadow:var(--p-shadow);transform:translateY(-1px)}.db-kpi-card.kpi-blue:before{background:#3b82f6}.db-kpi-card.kpi-green:before{background:#10b981}.db-kpi-card.kpi-purple:before{background:#8b5cf6}.db-kpi-card.kpi-red:before{background:#ef4444}.kpi-icon-box{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.db-kpi-card.kpi-blue .kpi-icon-box{background:#eff6ff}.db-kpi-card.kpi-green .kpi-icon-box{background:#f0fdf4}.db-kpi-card.kpi-purple .kpi-icon-box{background:#faf5ff}.db-kpi-card.kpi-red .kpi-icon-box{background:#fef2f2}.kpi-body{flex:1 1;min-width:0}.kpi-label{color:var(--p-text-subdued);font-size:.6875rem;font-weight:600;letter-spacing:.06em;margin-bottom:.2rem;text-transform:uppercase}.kpi-value{color:var(--p-text);font-size:1.625rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.kpi-sub{color:var(--p-text-subdued);font-size:.6875rem;margin-top:.1rem}.today-charts-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.db-period-row{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.db-period-toggle{background:var(--p-surface-subdued);border:1px solid var(--p-border);border-radius:8px;display:inline-flex;gap:2px;padding:3px}.db-period-btn{background:#0000;border:none;border-radius:6px;color:var(--p-text-subdued);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.4375rem 1rem;transition:background .12s,color .12s,box-shadow .12s;white-space:nowrap}.db-period-btn:hover{background:var(--p-surface-hovered);color:var(--p-text)}.db-period-btn.active{background:var(--p-surface);box-shadow:0 1px 3px #0000001f;color:var(--p-text)}.db-period-label{color:var(--p-text-subdued);font-size:.8125rem}.db-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.db-stat-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:10px;box-shadow:var(--p-shadow-sm);display:flex;flex-direction:column;gap:.3rem;padding:1.125rem 1.25rem;transition:box-shadow .15s,transform .15s}.db-stat-card:hover{box-shadow:var(--p-shadow);transform:translateY(-1px)}.db-stat-label{color:var(--p-text-subdued);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.db-stat-value{color:var(--p-text);font-size:1.875rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.db-stat-value-sm{font-size:1.375rem}.db-stat-unit{color:var(--p-text-subdued);font-size:.6875rem;margin-top:-.1rem}.db-stat-link{align-items:center;color:var(--p-action-primary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.2rem;margin-top:.5rem;text-decoration:none}.db-stat-link:hover{text-decoration:underline}.db-chart-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:10px;box-shadow:var(--p-shadow-sm);padding:1.25rem 1.375rem;transition:box-shadow .15s}.db-chart-card:hover{box-shadow:var(--p-shadow)}.db-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.db-chart-title{color:var(--p-text)!important;font-size:.875rem!important;font-weight:600!important;margin:0!important}.db-chart-badge{background:var(--p-surface-subdued);border:1px solid var(--p-border);border-radius:20px;color:var(--p-text-subdued);font-size:.6875rem;font-weight:500;padding:.15rem .625rem}.db-chart-full,.db-charts-grid{margin-bottom:1.5rem}.db-charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.db-low-stock-badge{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#991b1b;font-size:.6875rem;font-weight:600;padding:.2rem .625rem}.db-low-stock-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.db-low-stock-item{background:#fff;border:1px solid #fecaca;border-left:3px solid #ef4444;border-radius:8px;padding:.875rem 1rem;transition:box-shadow .15s}.db-low-stock-item:hover{box-shadow:0 2px 8px #ef444424}.db-low-stock-name{color:var(--p-text);font-size:.8125rem;font-weight:600;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-low-stock-qty{font-size:.75rem;font-weight:600;margin-bottom:.15rem}.db-low-stock-price{color:var(--p-text-subdued);font-size:.75rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:10px;box-shadow:var(--p-shadow-sm);cursor:pointer;padding:1.25rem 1.5rem;transition:box-shadow .15s}.stat-card:hover{box-shadow:var(--p-shadow)}.stat-card h3{color:var(--p-text-subdued);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-top:0;text-transform:uppercase}.stat-number{color:var(--p-text);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.chart-section{background:var(--p-surface);border:1px solid var(--p-border);border-radius:10px;box-shadow:var(--p-shadow-sm);margin:1rem 0;padding:1.25rem 1.5rem}.chart-section h3{color:var(--p-text);font-size:.875rem;font-weight:600;margin-bottom:1rem;margin-top:0}.charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin:1rem 0}.chart-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:10px;box-shadow:var(--p-shadow-sm);padding:1.25rem;transition:box-shadow .15s}.chart-card:hover{box-shadow:var(--p-shadow)}.chart-card h3{color:var(--p-text);font-size:.875rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.low-stock-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:.75rem}.low-stock-item{background:#fff4f2;border:1px solid #ffc9c0;border-radius:8px;padding:.75rem 1rem;transition:box-shadow .15s}.low-stock-item:hover{box-shadow:var(--p-shadow-sm)}.low-stock-item div{color:var(--p-text);font-size:.8rem;margin:.2rem 0}.orders-table-wrapper{-webkit-overflow-scrolling:touch}.orders-table td,.orders-table th{padding:4px 6px!important;white-space:nowrap}@media (max-width:1200px){.orders-table td,.orders-table th{font-size:12px!important;padding:6px 7px!important}.orders-table .btn-small{font-size:11px!important;padding:3px 6px!important}}@media (max-width:1024px){.orders-table td,.orders-table th{font-size:11px!important;padding:5px 6px!important}.orders-table input,.orders-table select{font-size:11px!important;padding:1px!important}.orders-table .btn-small{font-size:11px!important;min-width:0!important;min-width:auto!important;padding:2px 5px!important}.orders-table thead th{white-space:nowrap}}@media (max-width:900px){.orders-table td,.orders-table th{font-size:11px!important;padding:1px!important}}@media (max-width:1024px){.db-section{padding:.875rem 1rem}.db-kpi-card{gap:.625rem;padding:.75rem .875rem}.kpi-icon-box{font-size:1rem;height:34px;width:34px}.kpi-value{font-size:1.25rem}.db-stat-card{padding:.75rem .875rem}.db-stat-value{font-size:1.375rem}.db-chart-card{padding:.875rem 1rem}.dashboard-header{margin-bottom:1rem}}@media (max-width:1100px){.db-kpi-grid,.db-stats-row{grid-template-columns:1fr 1fr}}@media (max-width:900px){.db-charts-grid,.today-charts-row{grid-template-columns:1fr}}@media (max-width:600px){.db-kpi-grid,.db-stats-row{grid-template-columns:1fr 1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.charts-grid{grid-template-columns:1fr}}@media (max-width:400px){.db-kpi-grid,.db-stats-row{grid-template-columns:1fr}}@keyframes delivery-pulse{0%{background-color:#f59e0b;box-shadow:0 0 0 0 #f59e0bcc}25%{background-color:#ef4444;box-shadow:0 0 0 6px #ef444466}50%{background-color:#dc2626;box-shadow:0 0 0 10px #dc262600}75%{background-color:#ef4444;box-shadow:0 0 0 6px #ef444466}to{background-color:#f59e0b;box-shadow:0 0 0 0 #f59e0bcc}}.btn-delivery-pulse{animation:delivery-pulse 1.2s ease-in-out infinite}.pagination-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:2rem 0;padding:1rem}.pagination-info{color:var(--apple-black);font-size:14px}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#fff;border:1px solid #d2d2d7;border-radius:8px;color:var(--apple-black);cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--apple-light-gray);border-color:var(--apple-blue)}.pagination-btn.active{background:var(--apple-blue);border-color:var(--apple-blue);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-ellipsis{color:#86868b;padding:0 8px}.pagination-per-page,.pagination-per-page label{align-items:center;display:flex}.pagination-per-page label{color:var(--apple-black);font-size:14px;gap:.5rem}.pagination-per-page select{background:#fff;border:1px solid #d2d2d7;border-radius:8px;color:var(--apple-black);cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.pagination-per-page select:hover{border-color:var(--apple-blue)}.pagination-per-page select:focus{border-color:var(--apple-blue);box-shadow:0 0 0 3px #0071e31a;outline:none}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls,.pagination-info,.pagination-per-page{justify-content:center}}.App{background:var(--p-bg);min-height:100vh}.main-content{box-sizing:border-box;margin-left:240px;min-height:100vh;padding:1.75rem 2rem;width:calc(100% - 240px)}@media (max-width:1024px){.main-content{margin-left:0;padding:3.75rem 1.25rem 1.25rem;width:100%}}.container{max-width:1280px}.page-container{margin:-1.75rem -2rem;padding:1.75rem 0}h2{font-size:1.375rem;letter-spacing:-.01em;line-height:1.4;margin-bottom:1rem}h2,h3{color:var(--p-text)}h3{font-size:1rem;letter-spacing:0;margin-bottom:.75rem;margin-top:0}.btn{align-items:center;background:var(--p-action-primary);border:1px solid #0000;border-radius:var(--p-radius-sm);box-shadow:var(--p-shadow-sm);display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:center;line-height:1.4;padding:.5rem 1rem;transition:background .12s ease,box-shadow .12s ease;white-space:nowrap}.btn:hover{background:var(--p-action-primary-hover);box-shadow:var(--p-shadow)}.btn:active{background:var(--p-action-primary-press);box-shadow:none}.btn-small{border-radius:4px;box-shadow:none;font-size:.75rem;margin-right:.375rem;padding:.3125rem .75rem}.btn-secondary{background:var(--p-surface);border-color:var(--p-border-strong);box-shadow:var(--p-shadow-sm);color:var(--p-text)}.btn-secondary:hover{background:var(--p-surface-hovered);box-shadow:var(--p-shadow-sm)}.btn-danger{background:var(--p-action-critical);border-color:#0000;box-shadow:none}.btn-danger:hover{background:var(--p-action-critical-hover)}.btn-success{background:var(--p-action-success);border-color:#0000;box-shadow:none}.btn-success:hover{background:var(--p-action-primary-hover)}table{background:var(--p-surface);border:1px solid var(--p-border);border-collapse:collapse;border-radius:var(--p-radius);box-shadow:var(--p-shadow-sm);font-size:.8125rem;margin-top:1rem}table th{background:var(--p-surface-subdued);color:var(--p-text-subdued);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}table td,table th{border-bottom:1px solid var(--p-border);padding:.625rem 1rem}table td{color:var(--p-text);font-size:.8125rem;vertical-align:middle}table tbody tr:hover{background:var(--p-surface-hovered)}.table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;width:100%}.form{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-radius);box-shadow:var(--p-shadow-sm);margin-top:1rem;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--p-text);font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.form-group input,.form-group select,.form-group textarea{background:var(--p-surface);border:1px solid var(--p-border-strong);border-radius:var(--p-radius-sm);color:var(--p-text);font-family:inherit;font-size:.8125rem;line-height:1.5;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--p-action-primary);box-shadow:0 0 0 3px var(--p-focused)}.form-group textarea{min-height:80px}.card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-radius);box-shadow:var(--p-shadow-sm);margin-bottom:1rem;padding:1.25rem}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.6875rem;font-weight:500;line-height:1.4;padding:.2rem .5rem}@media (max-width:1024px){h2{font-size:1.125rem}h3{font-size:.9rem}.btn{font-size:.75rem;padding:.375rem .75rem}.btn-small{font-size:.7rem;padding:.25rem .5rem}.card{padding:.875rem}.form{padding:1rem}.form-group{margin-bottom:.875rem}.form-group label{font-size:.75rem}.form-group input,.form-group select,.form-group textarea{font-size:.75rem;padding:.375rem .625rem}.table-wrapper{width:100%}.table-wrapper,table{-webkit-overflow-scrolling:touch;overflow-x:auto}table{display:block;font-size:.72rem;white-space:nowrap}table th{font-size:.68rem}table td,table th{padding:.375rem .625rem}}@media (max-width:768px){h2{font-size:1rem}table td,table th{padding:.3rem .5rem}.form{padding:.875rem}}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}h2{font-size:2.8rem;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.2rem}h2,h3{color:var(--apple-black);font-weight:600}h3{font-size:1.7rem;letter-spacing:-.02em;margin-bottom:1rem;margin-top:2.5rem}.btn{background:var(--apple-blue);border:none;border-radius:var(--apple-radius-sm);box-shadow:0 2px 8px #0071e333;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;letter-spacing:-.01em;padding:.7rem 1.4rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{background:var(--apple-dark-blue);box-shadow:0 4px 12px #0071e34d;transform:translateY(-1px)}.btn:active{transform:translateY(0)}table{background:var(--apple-white);border-collapse:initial;border-radius:var(--apple-radius);border-spacing:0;box-shadow:0 4px 16px var(--apple-shadow);margin-top:1.5rem;overflow:hidden;width:100%}table th{background:var(--apple-white);color:var(--apple-secondary-text);font-size:.875rem;font-weight:600;letter-spacing:-.01em;text-align:left;text-transform:none}table td,table th{border-bottom:1px solid var(--apple-border);padding:1rem 1.2rem}table td{color:var(--apple-text);font-size:.95rem}table tr:last-child td{border-bottom:none}table tr:hover{background-color:#00000005;transition:background-color .2s ease}.form{background:var(--apple-white);border-radius:var(--apple-radius);box-shadow:0 4px 16px var(--apple-shadow);margin-top:1.5rem;max-width:600px;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--apple-text);display:block;font-size:.95rem;font-weight:400;letter-spacing:-.01em;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:var(--apple-white);border:1px solid var(--apple-border);border-radius:var(--apple-radius-sm);color:var(--apple-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--apple-blue);box-shadow:0 0 0 4px #0071e31a;outline:none}.form-group textarea{min-height:100px;resize:vertical}@media (max-width:768px){.main-content{padding:2rem 0}h2{font-size:2.2rem}h3{font-size:1.5rem}table{font-size:.9rem}table td,table th{padding:.75rem .5rem}.form{padding:1.5rem}}:root{--p-bg:#f1f1f1;--p-surface:#fff;--p-surface-subdued:#fafbfb;--p-surface-hovered:#f6f6f7;--p-surface-selected:#f2f7fe;--p-text:#202223;--p-text-subdued:#6d7175;--p-text-disabled:#8c9196;--p-text-on-primary:#fff;--p-border:#e1e3e5;--p-border-strong:#c9cccf;--p-action-primary:#008060;--p-action-primary-hover:#006e52;--p-action-primary-press:#005e45;--p-action-critical:#d82c0d;--p-action-critical-hover:#bc2200;--p-action-success:#008060;--p-action-warning:#b98900;--p-focused:#0080602e;--p-shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--p-shadow:0 4px 8px #0000001a,0 1px 3px #0000000f;--p-shadow-lg:0 8px 24px #0000001f;--p-radius-sm:6px;--p-radius:8px;--p-radius-lg:12px;--p-nav-bg:#1a1a2e;--p-nav-item:#9ba0a8;--p-nav-item-hover:#d4d8dd;--p-nav-active:#fff;--p-nav-active-bg:#0080602e;--p-nav-label:#465160;--p-nav-border:#ffffff12;--apple-white:#fff;--apple-black:#202223;--apple-gray:#6d7175;--apple-light-gray:#f1f1f1;--apple-blue:#008060;--apple-dark-blue:#006e52;--apple-text:#202223;--apple-secondary-text:#6d7175;--apple-border:#e1e3e5;--apple-shadow:#00000014;--apple-radius:8px;--apple-radius-sm:6px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f1f1;background:var(--p-bg);color:#202223;color:var(--p-text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}
/*# sourceMappingURL=main.88da53cb.css.map*/