:root{--partner-bg: #f6f7f9;--partner-surface: #ffffff;--partner-border: #e5e7eb;--partner-text: #111827;--partner-muted: #6b7280;--partner-primary: #2563eb;--partner-primary-hover: #1d4ed8;--partner-danger: #dc2626;--partner-success: #16a34a;--partner-radius: 10px;--partner-shadow: 0 1px 3px rgba(0, 0, 0, .08)}.partner-shell{min-height:100vh;background:var(--partner-bg);color:var(--partner-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.partner-loading{display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:var(--partner-muted)}.partner-auth-panel{max-width:420px;margin:0 auto;padding:3rem 1rem}.partner-auth-panel h1{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem}.partner-form{display:flex;flex-direction:column;gap:.875rem}.partner-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:500}.partner-form input[type=email],.partner-form input[type=password],.partner-form input[type=text],.partner-form input[type=tel]{padding:.6rem .75rem;border:1px solid var(--partner-border);border-radius:var(--partner-radius);font-size:1rem;background:var(--partner-surface)}.partner-form input:focus{outline:2px solid var(--partner-primary);outline-offset:0}.partner-checkbox{flex-direction:row!important;align-items:center;gap:.5rem!important;font-weight:400!important}.partner-button{padding:.65rem .9rem;border:none;border-radius:var(--partner-radius);background:var(--partner-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.partner-button:hover{background:var(--partner-primary-hover)}.partner-button:disabled{opacity:.7;cursor:not-allowed}.partner-link{background:none;border:none;color:var(--partner-primary);font-size:.9rem;text-decoration:underline;cursor:pointer;padding:0;text-align:left}.partner-error{color:var(--partner-danger);font-size:.9rem;margin:0}.partner-success{color:var(--partner-success);font-size:.9rem;margin:0}.partner-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--partner-surface);border-bottom:1px solid var(--partner-border);box-shadow:var(--partner-shadow);position:sticky;top:0;z-index:10}.partner-brand{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:1.1rem;letter-spacing:-.01em;min-width:0}.partner-brand-name{color:var(--partner-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28ch}.partner-brand-separator{color:var(--partner-muted);font-weight:500;font-size:.9em;flex-shrink:0}.partner-brand-um{color:var(--partner-text);flex-shrink:0}@media(max-width:640px){.partner-brand-name{max-width:14ch}.partner-brand{font-size:1rem;gap:.3rem}}.partner-nav{display:flex;align-items:center;gap:.5rem}.partner-nav-item{background:none;border:none;padding:.4rem .6rem;border-radius:var(--partner-radius);color:var(--partner-muted);font-size:.9rem;cursor:pointer}.partner-nav-item:hover{color:var(--partner-text);background:var(--partner-bg)}.partner-nav-item.partner-active{color:var(--partner-primary);font-weight:600;background:#eff6ff}.partner-logout{color:var(--partner-danger)}.partner-main{max-width:960px;margin:0 auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem}.partner-card{background:var(--partner-surface);border:1px solid var(--partner-border);border-radius:var(--partner-radius);padding:1.25rem;box-shadow:var(--partner-shadow)}.partner-card h2{margin:0 0 .5rem;font-size:1.25rem}.partner-card h3{margin:0 0 .25rem;font-size:1rem}.partner-muted{color:var(--partner-muted);font-size:.9rem;margin:0}.partner-badge{display:inline-block;margin-top:.5rem;padding:.25rem .6rem;border-radius:999px;background:#eff6ff;color:var(--partner-primary);font-size:.8rem;font-weight:600}.partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.partner-placeholder{opacity:.85}.partner-profile-meta{margin-bottom:1rem}.partner-profile-meta p{margin:.2rem 0}.partner-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.partner-stat{font-size:2rem;font-weight:700;color:var(--partner-primary);margin:.25rem 0 0}.partner-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.partner-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.partner-list-item{border:1px solid var(--partner-border);border-radius:var(--partner-radius);overflow:hidden}.partner-list-button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.95rem}.partner-list-button:hover{background:var(--partner-bg)}.partner-list-title{font-weight:600}.partner-actions{display:flex;gap:.75rem;flex-wrap:wrap}.partner-button-secondary{background:var(--partner-surface);color:var(--partner-primary);border:1px solid var(--partner-primary)}.partner-button-secondary:hover{background:#eff6ff}.partner-button-small{padding:.4rem .6rem;font-size:.85rem}.partner-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.partner-filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;font-weight:500;color:var(--partner-muted)}.partner-filters input,.partner-filters select{padding:.45rem .6rem;border:1px solid var(--partner-border);border-radius:var(--partner-radius);font-size:.95rem;background:var(--partner-surface)}.partner-table-wrapper{overflow-x:auto}.partner-table{width:100%;border-collapse:collapse;font-size:.9rem}.partner-table th,.partner-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--partner-border)}.partner-table th{font-weight:600;color:var(--partner-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.partner-table-link{font-weight:600}.partner-status{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.partner-status-pending{background:#fef3c7;color:#92400e}.partner-status-accepted,.partner-status-in_preparation,.partner-status-ready_for_pickup{background:#dbeafe;color:#1e40af}.partner-status-assigned,.partner-status-rider_arrived,.partner-status-picked_up{background:#e0e7ff;color:#3730a3}.partner-status-en_route,.partner-status-delivered{background:#dcfce7;color:#166534}.partner-status-cancelled,.partner-status-failed,.partner-status-incidented{background:#fee2e2;color:#991b1b}.partner-status-issued{background:#dbeafe;color:#1e40af}.partner-status-paid{background:#dcfce7;color:#166534}.partner-status-void{background:#fee2e2;color:#991b1b}.partner-tracking-box{margin-top:.75rem;padding:.75rem;background:var(--partner-bg);border-radius:var(--partner-radius)}.partner-tracking-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.partner-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.partner-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:500}.partner-row input,.partner-form input[type=number],.partner-form select,.partner-form textarea{padding:.6rem .75rem;border:1px solid var(--partner-border);border-radius:var(--partner-radius);font-size:1rem;background:var(--partner-surface);font-family:inherit}.partner-form input[type=number]:focus,.partner-form select:focus,.partner-form textarea:focus{outline:2px solid var(--partner-primary);outline-offset:0}.partner-items{display:flex;flex-direction:column;gap:.5rem}.partner-item-row{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center}.partner-item-row input{min-width:0}.partner-link-danger{color:var(--partner-danger)}.partner-success-card{text-align:center}.partner-success-card .partner-stat{font-size:2.5rem}.partner-info-box{margin-top:1rem;padding:.75rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--partner-radius);color:#92400e}.partner-product-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.partner-product-list li{padding:.35rem 0;border-bottom:1px solid var(--partner-border)}.partner-product-list li:last-child{border-bottom:none}.partner-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.partner-timeline-item{display:flex;gap:.75rem;align-items:flex-start}.partner-timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--partner-primary);margin-top:.35rem;flex-shrink:0}.partner-chat-placeholder{background:#f3f4f6}:root{color:#17201b;background:#eef3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}.page-shell{width:min(1120px,100%);margin:0 auto;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 18px}.brand,.section-label,.eyebrow,.updated-at span,.details-grid span,.map-subtitle{display:block}.brand{font-size:1.1rem;font-weight:780}.section-label,.updated-at span,.details-grid span,.map-subtitle{color:#5a675f;font-size:.86rem}.live-pill{border:1px solid #b7d8c2;border-radius:999px;background:#e6f6ea;color:#1b6d38;font-size:.8rem;font-weight:700;padding:8px 12px;white-space:nowrap}.live-pill.reconnecting{border-color:#efd18b;background:#fff6df;color:#8b5e00}.hero-panel,.empty-panel,.state-panel,.loading-panel,.map-section,.time-card,.timeline-panel,.details-grid article,.incident-banner,.stream-banner{border:1px solid #d6dfd9;background:#fff;border-radius:8px;box-shadow:0 18px 40px #192c2214}.hero-panel{display:grid;grid-template-columns:1fr auto;align-items:end;gap:22px;padding:26px;border-left:5px solid #2d6cdf}.hero-panel.done{border-left-color:#2f8e4f}.hero-panel.warning{border-left-color:#c58a11}.hero-panel.failed{border-left-color:#b43c35}.eyebrow{margin:0 0 8px;color:#476052;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.status-copy h1{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.03}.status-copy p:last-child{margin:12px 0 0;max-width:650px;color:#4b5a51;font-size:1rem;line-height:1.55}.updated-at{text-align:right;min-width:150px}.updated-at strong{display:block;margin-top:4px;font-size:1rem}.incident-banner,.stream-banner{margin-top:14px;padding:14px 16px;font-weight:700}.incident-banner{background:#fff8e6;border-color:#f0ce7a;color:#6c4a00}.stream-banner{background:#eef4ff;border-color:#bfd0f3;color:#23477c}.map-section{overflow:hidden;margin-top:20px;border-color:#162a201c;background:linear-gradient(180deg,#fff,#f4f8f6);border-radius:22px;box-shadow:0 24px 70px #182b2229}.map-toolbar{display:flex;justify-content:space-between;gap:16px;padding:18px 20px}.map-title{display:block;color:#16261d;font-weight:780}.map-legend{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:#45534b;font-size:.82rem;font-weight:700}.map-legend span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dce5df;border-radius:999px;background:#ffffffb8}.legend-dot{width:10px;height:10px;border-radius:50%}.tracking-map{width:100%;height:clamp(460px,64vh,720px);border-top:1px solid rgba(22,42,32,.11)}.maplibre-tracking-map{position:relative;overflow:hidden;background:linear-gradient(135deg,#eff6f2f0,#deebe5e6),#e4eee8}.maplibre-map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#45534b;font-weight:800;z-index:2}.maplibre-marker{position:absolute;display:grid;place-items:center;border:3px solid #1570c9;border-radius:50%;background:#fff;color:#17201b;font-size:1.28rem;font-weight:900;box-shadow:0 14px 30px #162a203d,0 0 0 5px #ffffffbd;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.maplibre-marker-emoji{display:grid;place-items:center;width:42px;height:42px;line-height:1}.maplibre-marker.pickup,.legend-dot.pickup{border-color:#2f8e4f;background:#fff}.maplibre-marker.delivery,.legend-dot.delivery{border-color:#2d6cdf;background:#fff}.maplibre-marker.rider,.legend-dot.rider{border-color:#1570c9;background:#fbfffd;font-size:1.75rem;box-shadow:0 18px 42px #0f271b47,0 0 0 6px #ffffffd1}.maplibre-marker.rider .maplibre-marker-emoji{width:52px;height:52px}.legend-dot.pickup{background:#2f8e4f}.legend-dot.delivery{background:#2d6cdf}.legend-dot.rider{background:#e36f2c}.maplibre-marker.rider.bike{border-color:#168457}.maplibre-marker.rider.moto{border-color:#1570c9}.maplibre-marker.rider.car{border-color:#168457}.maplibregl-ctrl-group{border-radius:12px;box-shadow:0 10px 28px #182b2229}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.details-grid article{position:relative;overflow:hidden;padding:18px}.details-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:5px}.pickup-place:before{background:#2f8e4f}.delivery-place:before{background:#2d6cdf}.details-grid span{display:inline-flex;align-items:center;gap:8px}.details-grid i{font-style:normal;font-size:1.05rem}.details-grid strong{display:block;margin-top:6px;line-height:1.35}.timeline-panel{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin-top:14px;padding:18px}.time-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:14px;overflow:hidden}.time-card article{padding:17px 18px}.time-card article+article{border-left:1px solid #dce5df}.time-card span{display:block;color:#5a675f;font-size:.82rem;font-weight:700}.time-card strong{display:block;margin-top:6px;font-size:1rem}.timeline-step{position:relative;display:grid;justify-items:center;gap:9px;color:#718078;font-size:.78rem;font-weight:700;text-align:center}.timeline-step:before{content:"";position:absolute;top:8px;left:0;width:100%;height:2px;background:#d7e0da;z-index:0}.timeline-step:first-child:before{left:50%;width:50%}.timeline-step:last-of-type:before{width:50%}.timeline-dot{position:relative;z-index:1;width:18px;height:18px;border:3px solid #c8d4cd;border-radius:50%;background:#fff}.timeline-step.done{color:#23352b}.timeline-step.done .timeline-dot{border-color:#2f8e4f;background:#2f8e4f}.timeline-step.current .timeline-dot{box-shadow:0 0 0 5px #2f8e4f29}.status-note{grid-column:1 / -1;margin-top:14px;padding:11px 13px;border-radius:6px;text-align:center;font-weight:800}.status-note.warning{background:#fff4d3;color:#775000}.status-note.failed{background:#ffe9e7;color:#9a2f27}.loading-panel,.empty-panel{margin-top:18vh;padding:28px;text-align:center}.status-page-shell{min-height:100vh}.state-panel{display:grid;justify-items:center;width:min(620px,100%);margin:clamp(84px,18vh,180px) auto 0;padding:clamp(28px,6vw,46px);text-align:center}.state-panel h1{max-width:520px;margin:0;font-size:clamp(1.75rem,6vw,2.65rem);line-height:1.08}.state-panel p{max-width:480px;margin:14px 0 0;color:#4b5a51;line-height:1.6}.state-panel code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}.state-panel .eyebrow{margin-top:18px}.state-secondary{color:#6a766e;font-size:.95rem}.expired-panel{border-color:#d2ddd6}.state-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid #c8d8cf;border-radius:50%;background:#f3f8f5}.lock-icon:before{content:"";position:absolute;top:15px;width:24px;height:21px;border:4px solid #2f6144;border-bottom:0;border-radius:16px 16px 0 0}.lock-icon span{position:absolute;bottom:14px;width:30px;height:24px;border-radius:6px;background:#2f6144}.lock-icon span:after{content:"";position:absolute;top:7px;left:50%;width:4px;height:8px;border-radius:999px;background:#f3f8f5;transform:translate(-50%)}.empty-panel h1{margin:0 0 10px}.empty-panel p{margin:0;color:#5a675f}.operator-page{width:min(1240px,100%)}.operator-topbar{border-bottom:1px solid #d6dfd9;margin-bottom:18px}.operator-topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.operator-login-page{display:grid;min-height:100vh;place-items:center}.operator-login-panel{width:min(440px,100%);border:1px solid #d6dfd9;border-radius:8px;background:#fff;padding:clamp(22px,6vw,34px);box-shadow:0 18px 42px #192c221a}.operator-login-panel h1{margin:0 0 20px;color:#16261d;font-size:clamp(1.55rem,7vw,2.1rem);line-height:1.08}.operator-login-form{display:grid;gap:14px}.operator-login-form label{display:grid;gap:7px;color:#34453b;font-size:.86rem;font-weight:800}.operator-login-form input[type=text],.operator-login-form input[type=password],.operator-login-form input:not([type]){width:100%;min-height:42px;border:1px solid #cbd8d0;border-radius:7px;background:#fbfdfc;color:#17201b;padding:9px 11px}.operator-login-form input:focus{border-color:#1f5f42;outline:3px solid rgba(31,95,66,.14)}.operator-checkbox{display:flex!important;grid-template-columns:none;align-items:center;gap:9px!important}.operator-checkbox input{width:17px;height:17px}.login-error{margin-bottom:0}.operator-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:end;gap:18px;margin-bottom:16px;padding:22px 0 10px}.operator-hero h1{margin:0;color:#16261d;font-size:clamp(1.7rem,4vw,2.65rem);line-height:1.08}.operator-hero p:last-child{margin:10px 0 0;color:#5a675f;overflow-wrap:anywhere}.pilot-rider-box{border:1px solid #d6dfd9;border-radius:8px;background:#fff;padding:14px}.pilot-rider-box span{display:block;color:#5a675f;font-size:.78rem;font-weight:800;text-transform:uppercase}.pilot-rider-box strong{display:block;margin-top:6px;color:#16261d;font-size:.9rem;overflow-wrap:anywhere}.orders-list{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:18px;border:1px solid #d6dfd9;border-radius:8px;background:#fff;padding:16px;box-shadow:0 16px 34px #192c2212}.order-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.order-reference,.order-restaurant{display:block}.order-reference{color:#16261d;font-size:1.06rem;font-weight:850}.order-restaurant{margin-top:4px;color:#5a675f;font-size:.84rem;overflow-wrap:anywhere}.operator-status{display:inline-flex;align-items:center;min-height:30px;border:1px solid #cfdad4;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:850;white-space:nowrap}.operator-status.neutral{background:#f5f8f6;color:#34453b}.operator-status.active{border-color:#b9d0f1;background:#eef4ff;color:#23477c}.operator-status.warning{border-color:#f0ce7a;background:#fff8e6;color:#6c4a00}.operator-status.done{border-color:#b7d8c2;background:#e6f6ea;color:#1b6d38}.operator-status.failed{border-color:#efc2bd;background:#ffe9e7;color:#9a2f27}.order-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0}.operator-route-summary{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 14px}.operator-route-summary span,.operator-route-summary strong{display:inline-flex;align-items:center;min-height:28px;border:1px solid #dce5df;border-radius:999px;background:#f8fbf9;color:#45534b;padding:5px 9px;font-size:.76rem;font-weight:820}.operator-route-summary strong{border-color:#f0ce7a;background:#fff8e6;color:#6c4a00}.order-details div{min-width:0}.order-details dt{color:#66736b;font-size:.76rem;font-weight:800;text-transform:uppercase}.order-details dd{margin:4px 0 0;color:#23352b;line-height:1.35;overflow-wrap:anywhere}.dispatch-candidates{margin-top:16px;border-top:1px solid #e3ebe6;padding-top:14px}.dispatch-candidates-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dispatch-candidates-header h2{margin:0;color:#1d3226;font-size:.94rem;font-weight:880}.dispatch-candidates-header span,.dispatch-candidates-empty,.dispatch-candidates-error{margin:0;color:#66736b;font-size:.82rem;font-weight:720}.dispatch-candidates-error{color:#9a2f27}.dispatch-candidate-list{display:grid;gap:8px}.dispatch-candidate{display:grid;gap:8px;border:1px solid #dce5df;border-radius:8px;background:#fbfdfc;padding:10px}.dispatch-candidate-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dispatch-candidate-main strong,.dispatch-candidate-main span{display:block}.dispatch-candidate-main strong{color:#1d3226;font-size:.9rem}.dispatch-candidate-main div>span{margin-top:3px;color:#68766d;font-size:.78rem;font-weight:740}.dispatch-candidate-metrics,.dispatch-candidate-reasons{display:flex;flex-wrap:wrap;gap:6px}.dispatch-candidate-metrics span,.dispatch-candidate-reasons span{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:4px 7px;font-size:.72rem;font-weight:780}.dispatch-candidate-metrics span{background:#eef4f0;color:#304337}.dispatch-candidate-reasons span{background:#f5f8f6;color:#64746a}.dispatch-assign-button{justify-self:start}.tracking-url{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.order-actions{display:grid;align-content:start;gap:12px}.tracking-actions,.state-actions{display:flex;flex-wrap:wrap;gap:8px}.operator-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid transparent;border-radius:7px;padding:8px 12px;font-weight:820;text-decoration:none;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease}.operator-button.primary{background:#1f5f42;color:#fff}.operator-button.primary:hover:not(:disabled){background:#174a33}.operator-button.secondary{border-color:#cbd8d0;background:#fff;color:#24372c}.operator-button.secondary:hover:not(:disabled):not(.disabled){border-color:#aebfb5;background:#f5f8f6}.operator-button:disabled,.operator-button.disabled{opacity:.48;cursor:not-allowed}.no-actions{display:inline-flex;align-items:center;min-height:38px;color:#66736b;font-size:.86rem;font-weight:760}.operator-error{margin-bottom:14px;border:1px solid #efc2bd;border-radius:8px;background:#ffe9e7;color:#8d2c25;padding:12px 14px;font-weight:760}.operator-success{margin-bottom:14px;border:1px solid #b7d8c2;border-radius:8px;background:#e6f6ea;color:#1b6d38;padding:12px 14px;font-weight:760}.billing-actions{display:flex;flex-wrap:wrap;gap:8px}.billing-status-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.billing-total{color:#45534b;font-size:.86rem;font-weight:760}.exclude-billing-form{display:grid;gap:10px;border:1px solid #e3ebe6;border-radius:8px;background:#fbfdfc;padding:12px}.exclude-billing-form label{color:#1d3226;font-size:.84rem;font-weight:780}.exclude-billing-hint{margin:0;color:#5a675f;font-size:.82rem;line-height:1.4}.operator-textarea{width:100%;min-height:72px;resize:vertical;border:1px solid #cbd8d0;border-radius:6px;padding:8px 10px;font:inherit;font-size:.9rem;line-height:1.4;box-sizing:border-box}.operator-textarea:focus{outline:2px solid #1f5f42;outline-offset:1px}.exclude-billing-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.rider-shell{width:min(720px,100%);min-height:100vh;margin:0 auto;padding:14px}.rider-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 14px}.rider-login-page{display:grid;place-items:center}.rider-login-panel{width:min(440px,100%);border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:clamp(24px,6vw,36px);box-shadow:0 20px 50px #2563eb1a}.rider-login-panel h1,.rider-hero h1{margin:0;color:#0f172a;line-height:1.08}.rider-login-panel h1{margin-bottom:20px;font-size:clamp(1.6rem,7vw,2.2rem)}.rider-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:18px;box-shadow:0 16px 40px #2563eb14}.rider-hero h1{font-size:clamp(1.75rem,8vw,2.7rem)}.rider-hero p:last-child{margin:10px 0 0;color:#64748b;overflow-wrap:anywhere}.rider-vehicle-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#2563eb;padding:8px 14px;font-weight:850;white-space:nowrap}.rider-info-card,.rider-location-panel,.rider-toolbar,.rider-order-card{border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 20px #0f172a0f}.rider-info-card{display:grid;gap:4px;margin-bottom:10px;padding:14px}.rider-info-card span,.rider-location-panel span,.rider-toolbar span,.rider-route-summary span{display:block;color:#64748b;font-size:.76rem;font-weight:820;text-transform:uppercase}.rider-info-card strong,.rider-location-panel strong,.rider-toolbar strong,.rider-route-summary strong{color:#0f172a}.rider-info-card small,.rider-location-panel small{color:#64748b;font-weight:700}.rider-location-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:14px;border-left:5px solid #cbd5e1}.rider-location-panel.active{border-left-color:#10b981}.rider-location-panel.warning{border-left-color:#f59e0b}.rider-location-panel.failed{border-left-color:#ef4444}.rider-location-panel strong{display:block;margin-top:4px;line-height:1.35;overflow-wrap:anywhere}.rider-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px}.rider-orders-list{display:grid;gap:12px}.rider-order-card{padding:16px}.rider-order-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.rider-route-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.rider-route-summary div{border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:10px}.rider-warning,.rider-arrival-prompt,.rider-todo,.rider-waiting-note{display:block;margin-bottom:10px;border-radius:12px;padding:12px 14px;font-size:.88rem;font-weight:800;line-height:1.35}.rider-warning{border:1px solid #fde68a;background:#fef9c3;color:#854d0e}.rider-arrival-prompt{border:1px solid #a7f3d0;background:#d1fae5;color:#065f46}.rider-todo{border:1px solid #e2e8f0;background:#f8fafc;color:#475569}.rider-waiting-note{border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af}.rider-order-details{display:grid;gap:10px;margin:0 0 12px}.rider-order-details dt{color:#64748b;font-size:.76rem;font-weight:820;text-transform:uppercase}.rider-order-details dd{margin:4px 0 0;color:#1e293b;line-height:1.35;overflow-wrap:anywhere}.rider-map-actions,.rider-state-actions{display:grid;gap:8px}.rider-map-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}.rider-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:1px solid transparent;border-radius:14px;padding:14px 18px;font-weight:850;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform 80ms ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.rider-button:active:not(:disabled){transform:scale(.97)}.rider-button.primary{background:#2563eb;color:#fff;box-shadow:0 4px 14px #2563eb59}.rider-button.primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 20px #2563eb73}.rider-button.secondary{border-color:#e2e8f0;background:#fff;color:#334155}.rider-button.secondary:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.rider-button:disabled{opacity:.45;cursor:not-allowed}.rider-button.logout{background:#fef2f2;color:#dc2626;border-color:#fecaca;width:100%}.rider-button.logout:hover:not(:disabled){background:#fee2e2}.rider-button.chat-btn{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.rider-button.chat-btn:hover:not(:disabled){background:#dbeafe}.rider-empty{margin-top:24px}.rider-app-shell{width:min(520px,100%);min-height:100dvh;margin:0 auto;padding:0 0 90px;background:#f0f4f8;color:#0f172a}.rider-app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px}.rider-header-left{display:flex;align-items:center;gap:12px;min-width:0}.rider-header-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#2563eb;color:#fff;font-size:1.15rem;font-weight:900;flex:0 0 auto;box-shadow:0 4px 12px #2563eb4d}.rider-greeting{min-width:0}.rider-greeting span{display:block;margin-bottom:1px;color:#94a3b8;font-size:.7rem;font-weight:820;text-transform:uppercase;letter-spacing:.04em}.rider-greeting h1{margin:0;color:#0f172a;font-size:clamp(1.25rem,4.5vw,1.65rem);line-height:1.15;overflow-wrap:anywhere}.rider-header-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:850;flex:0 0 auto}.rider-header-status.online{background:#d1fae5;color:#065f46}.rider-header-status.offline{background:#f1f5f9;color:#64748b}.rider-header-status-dot{width:8px;height:8px;border-radius:50%}.rider-header-status.online .rider-header-status-dot{background:#10b981}.rider-header-status.offline .rider-header-status-dot{background:#94a3b8}.rider-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#2563eb;cursor:pointer;flex:0 0 auto;box-shadow:0 4px 12px #0f172a0f}.rider-bell-icon{width:21px;height:21px}.rider-nav-icon{width:24px;height:24px}.rider-chat-icon,.rider-mini-icon{width:18px;height:18px}.rider-status-strip{display:flex;align-items:center;gap:8px;padding:0 16px 12px;overflow-x:auto}.rider-availability-control,.rider-vehicle-display,.rider-profile-card,.rider-empty-state,.rider-section-header,.rider-order-card,.rider-active-order,.rider-location-chip{border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 2px 12px #0f172a0d}.rider-availability-control{display:flex;align-items:center;gap:10px;padding:10px 14px;flex:0 0 auto}.rider-connection-dot{width:10px;height:10px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 3px #94a3b840}.rider-connection-dot.online{background:#10b981;box-shadow:0 0 0 3px #10b98140}.rider-availability-body select{border:0;background:transparent;color:#0f172a;font:inherit;font-weight:850;font-size:.88rem;outline:none;cursor:pointer}.rider-availability-control small,.rider-vehicle-display span,.rider-section-header span,.rider-profile-card span,.rider-location-chip span,.rider-order-metadata span,.rider-delivery-address span{display:block;color:#94a3b8;font-size:.68rem;font-weight:820;text-transform:uppercase;letter-spacing:.04em}.rider-availability-control small{margin-top:1px;text-transform:none;font-size:.72rem;color:#64748b}.rider-vehicle-display{display:flex;align-items:center;gap:8px;padding:10px 14px;flex:0 0 auto}.rider-vehicle-display strong,.rider-section-header strong,.rider-profile-card strong,.rider-location-chip strong,.rider-order-metadata strong,.rider-delivery-address strong{color:#0f172a}.rider-tab-panel{display:grid;gap:10px;padding:0 16px}.rider-home-panel{gap:0;padding:0}.rider-map-area{position:relative;overflow:hidden}.rider-map-preview{position:relative;min-height:clamp(360px,62vh,580px);overflow:hidden;background:linear-gradient(135deg,#e0e8ff99,#f0f6ffcc),#f0f4f8}.rider-map-grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px);background-size:60px 60px}.rider-map-road{position:absolute;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #94a3b880}.rider-map-road.main{top:42%;left:-12%;width:124%;height:26px;transform:rotate(-11deg)}.rider-map-road.secondary{top:18%;left:22%;width:20px;height:78%;transform:rotate(18deg)}.rider-map-road.diagonal{right:-22%;bottom:18%;width:90%;height:20px;transform:rotate(36deg)}.rider-map-pin{position:absolute;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(37,99,235,.15);border-radius:999px;background:#fffffff2;color:#1e293b;padding:7px 10px;font-size:.78rem;font-weight:850;box-shadow:0 8px 20px #0f172a1a}.rider-map-pin span{width:11px;height:11px;border-radius:999px;background:currentColor}.rider-map-pin.rider{left:13%;bottom:20%;color:#2563eb}.rider-map-pin.pickup{top:22%;left:49%;color:#3b82f6}.rider-map-pin.delivery{right:10%;bottom:28%;color:#f59e0b}.rider-map-meta{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fffffff2;padding:10px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rider-map-meta strong{color:#0f172a;font-size:.9rem}.rider-map-meta span{color:#64748b;font-size:.78rem;font-weight:780}.rider-map-overlay{position:absolute;top:12px;left:12px;right:12px;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none}.rider-map-overlay>*{pointer-events:auto}.rider-gps-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#fffffff2;padding:5px 11px;font-size:.72rem;font-weight:820;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #0000000f;color:#64748b}.rider-gps-chip.active{color:#065f46}.rider-gps-chip.warning{color:#92400e}.rider-gps-chip.failed{color:#991b1b}.rider-gps-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.rider-gps-text{font-size:.72rem}.rider-gps-sending{width:10px;height:10px;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:rider-spin 1s linear infinite}@keyframes rider-spin{to{transform:rotate(360deg)}}.rider-bottom-sheet{position:relative;z-index:10;margin-top:-32px;padding:0 12px 12px}.rider-bottom-sheet-handle{display:flex;justify-content:center;padding:10px 0 6px}.rider-bottom-sheet-handle:before{content:"";width:40px;height:5px;border-radius:999px;background:#cbd5e1}.rider-active-order{padding:4px 18px 18px;border-radius:24px 24px 20px 20px;box-shadow:0 -8px 30px #0f172a1a,0 4px 16px #0f172a0f}.rider-active-order-header,.rider-order-header,.rider-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rider-active-order-header{margin-bottom:12px}.rider-active-order-header strong,.order-restaurant{display:block;margin-top:3px;color:#334155;line-height:1.3;overflow-wrap:anywhere;font-size:.92rem}.rider-delivery-address,.rider-order-metadata{margin-bottom:10px}.rider-delivery-address strong{display:block;margin-top:3px;line-height:1.35;overflow-wrap:anywhere;font-size:.9rem}.rider-order-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rider-order-metadata div{border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:10px}.rider-primary-actions,.rider-card-actions{display:grid;gap:8px}.rider-primary-actions{margin-top:12px}.rider-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.rider-button.compact{min-height:40px;padding:8px 12px;font-size:.88rem}.rider-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:850;white-space:nowrap}.rider-status-badge.neutral{background:#f1f5f9;color:#475569}.rider-status-badge.active{background:#eff6ff;color:#1d4ed8}.rider-status-badge.warning{background:#fef9c3;color:#854d0e}.rider-status-badge.done{background:#d1fae5;color:#065f46}.rider-status-badge.failed{background:#fee2e2;color:#991b1b}.rider-route-note{display:block;margin-bottom:10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#475569;padding:10px 12px;font-size:.84rem;font-weight:780;line-height:1.35}.rider-location-chip{display:grid;gap:4px;border-left:5px solid #cbd5e1;padding:12px}.rider-location-chip.active{border-left-color:#10b981}.rider-location-chip.warning{border-left-color:#f59e0b}.rider-location-chip.failed{border-left-color:#ef4444}.rider-location-chip strong{line-height:1.35;overflow-wrap:anywhere}.rider-location-chip small,.rider-profile-card small{color:#64748b;font-weight:720}.rider-section-header{align-items:center;padding:12px}.rider-orders-list{display:grid;gap:10px}.rider-order-card{padding:14px}.rider-order-header{margin-bottom:10px}.rider-order-addresses{display:grid;gap:8px;margin-bottom:10px}.rider-order-address{display:grid;gap:2px}.rider-order-address span{color:#94a3b8;font-size:.65rem;font-weight:820;text-transform:uppercase;letter-spacing:.04em}.rider-order-address strong{color:#1e293b;font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.rider-order-address.pickup strong{color:#2563eb}.rider-order-address.delivery strong{color:#0f172a}.rider-profile-card,.rider-empty-state{display:grid;gap:4px;padding:14px}.rider-empty-state h2{margin:0;color:#0f172a;font-size:1.05rem}.rider-empty-state p{margin:0;color:#64748b;line-height:1.45;font-size:.88rem}.rider-profile-panel{gap:10px;padding:0 16px 20px}.rider-profile-hero{display:grid;justify-items:center;gap:10px;padding:28px 16px 20px;text-align:center;background:linear-gradient(180deg,#dbeafe,#eff6ff 60%,#f0f4f8);border-radius:0 0 24px 24px;margin-bottom:4px}.rider-avatar{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#2563eb;color:#fff;font-size:1.8rem;font-weight:900;box-shadow:0 8px 28px #2563eb59}.rider-profile-hero h2{margin:0;color:#0f172a;font-size:1.25rem}.rider-profile-hero p{margin:0;color:#64748b;font-size:.9rem}.rider-orders-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 4px}.rider-summary-pill{display:grid;justify-items:center;gap:4px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;padding:14px 8px;box-shadow:0 2px 10px #0f172a0a}.rider-summary-pill strong{font-size:1.35rem;color:#0f172a}.rider-summary-pill span{font-size:.65rem;color:#94a3b8;font-weight:820;text-transform:uppercase;letter-spacing:.04em}.rider-summary-pill.active{background:#eff6ff;border-color:#bfdbfe}.rider-summary-pill.active strong{color:#2563eb}.rider-summary-pill.done{background:#ecfdf5;border-color:#a7f3d0}.rider-summary-pill.done strong{color:#059669}.rider-chat-drawer-overlay{position:fixed;inset:0;z-index:50;background:#0f172a73;display:grid;place-items:end center;animation:rider-fade-in .16s ease}@keyframes rider-fade-in{0%{opacity:0}to{opacity:1}}.rider-chat-drawer{width:min(520px,100%);max-height:80vh;display:grid;grid-template-rows:auto 1fr auto;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -8px 40px #0003;animation:rider-slide-up .22s cubic-bezier(.16,1,.3,1)}@keyframes rider-slide-up{0%{transform:translateY(50px);opacity:.6}to{transform:translateY(0);opacity:1}}.rider-chat-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e2e8f0}.rider-chat-drawer-header strong{color:#0f172a;font-size:1rem}.rider-chat-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:1rem;cursor:pointer;transition:background .12s ease}.rider-chat-drawer-close:hover{background:#e2e8f0}.rider-chat-messages{overflow-y:auto;padding:14px 18px;display:grid;gap:10px;align-content:start}.rider-chat-bubble{display:grid;gap:4px;max-width:82%;border-radius:16px;padding:10px 14px;font-size:.92rem;line-height:1.4}.rider-chat-bubble.rider-chat-own{justify-self:end;background:#2563eb;color:#fff;border-bottom-right-radius:4px}.rider-chat-bubble.rider-chat-other{justify-self:start;background:#f1f5f9;color:#0f172a;border-bottom-left-radius:4px}.rider-chat-bubble p{margin:0}.rider-chat-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.68rem;opacity:.8}.rider-chat-error{margin:0;padding:8px 18px;color:#dc2626;font-size:.82rem;font-weight:760}.rider-chat-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 14px 20px;border-top:1px solid #e2e8f0}.rider-chat-input-row input{min-height:48px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:8px 14px;font-size:.95rem;outline:none}.rider-chat-input-row input:focus{border-color:#2563eb}.rider-muted{color:#94a3b8;font-size:.86rem;text-align:center;margin:12px 0}.rider-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(520px,100%);margin:0 auto;border-top:1px solid rgba(226,232,240,.8);background:#fffffffa;padding:8px 16px max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 24px #0f172a0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rider-bottom-nav button{display:grid;justify-items:center;gap:4px;min-height:56px;border:0;border-radius:14px;background:transparent;color:#94a3b8;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer;transition:background .14s ease,color .14s ease}.rider-bottom-nav button.active{background:#eff6ff;color:#2563eb}@media(max-width:760px){.page-shell{padding:14px}.topbar,.hero-panel,.map-toolbar{align-items:flex-start;flex-direction:column}.hero-panel{display:flex;padding:20px}.updated-at{text-align:left}.details-grid,.time-card{grid-template-columns:1fr}.time-card article+article{border-top:1px solid #dce5df;border-left:0}.map-legend{justify-content:flex-start}.timeline-panel{grid-template-columns:1fr;gap:12px}.timeline-step{grid-template-columns:22px 1fr;justify-items:start;text-align:left}.timeline-step:before{top:18px;left:8px;width:2px;height:100%}.timeline-step:first-child:before,.timeline-step:last-of-type:before{left:8px;width:2px}.operator-hero,.order-card,.order-details{grid-template-columns:1fr}.order-card-header,.tracking-actions,.state-actions{align-items:stretch;flex-direction:column}.operator-status,.operator-button,.no-actions,.operator-topbar-actions{width:100%}.rider-topbar,.rider-hero,.rider-location-panel,.rider-toolbar,.rider-order-header{align-items:stretch;flex-direction:column}.rider-hero{display:flex}.rider-map-actions,.rider-route-summary{grid-template-columns:1fr}.rider-button{width:100%}.rider-app-shell{padding:0 0 92px}.rider-status-strip{padding:0 12px 10px}.rider-vehicle-display{min-width:0}.rider-map-preview{min-height:clamp(300px,55vh,480px)}.rider-map-meta,.rider-card-actions,.rider-order-metadata{grid-template-columns:1fr}.rider-card-actions{display:grid}.rider-orders-summary{gap:8px;padding:0 12px 4px}.rider-summary-pill{padding:12px 6px}.rider-summary-pill strong{font-size:1.15rem}.rider-tab-panel{padding:0 12px}.rider-profile-panel{padding:0 12px 20px}.rider-active-order{padding:4px 14px 14px;border-radius:20px 20px 16px 16px}}.operator-tabs{display:flex;gap:8px;padding:0 16px 12px;max-width:1200px;margin:0 auto;border-bottom:1px solid #d6dfd9}.operator-tabs button{appearance:none;background:transparent;border:1px solid transparent;border-radius:7px;color:#3d4f44;cursor:pointer;font-weight:700;padding:8px 14px}.operator-tabs button.active{background:#fff;border-color:#d6dfd9;color:#1f5f42}.operator-tabs button:hover:not(.active){background:#e5ebe7}.api-keys-panel{max-width:1200px;margin:0 auto;padding:16px}.api-keys-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.api-key-form{background:#fff;border:1px solid #d6dfd9;border-radius:8px;box-shadow:0 1px #00000008;display:grid;gap:12px;margin-bottom:16px;padding:16px}.api-key-form label{display:grid;gap:6px;font-weight:700;color:#24372c}.api-key-form input,.api-key-form select{border:1px solid #cbd8d0;border-radius:7px;font:inherit;min-height:38px;padding:8px 10px}.api-key-form input:disabled,.api-key-form select:disabled{opacity:.6}.api-key-form-actions{display:flex;gap:8px;justify-content:flex-end}.api-key-created-banner{background:#fff8e1;border:1px solid #f0c36d;border-radius:8px;margin-bottom:16px;padding:16px}.api-key-created-title{color:#7a5c12;font-weight:800;margin-bottom:8px}.api-key-created-value{background:#fff;border:1px dashed #d6dfd9;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;margin-bottom:12px;overflow-x:auto;padding:12px;word-break:break-all}.api-key-created-actions{display:flex;gap:8px}.api-keys-table{background:#fff;border:1px solid #d6dfd9;border-radius:8px;border-collapse:collapse;box-shadow:0 1px #00000008;width:100%}.api-keys-table th,.api-keys-table td{border-bottom:1px solid #eef3ef;padding:12px;text-align:left;vertical-align:top}.api-keys-table th{color:#3d4f44;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.api-keys-table tbody tr:last-child td{border-bottom:none}.api-keys-table tbody tr.api-key-revoked td{opacity:.7}.api-key-env{border-radius:999px;font-size:12px;font-weight:800;padding:2px 8px;text-transform:uppercase}.api-key-env--dev{background:#e8f5e9;color:#1b5e20}.api-key-env--staging{background:#fff3e0;color:#7a4f08}.api-key-env--prod{background:#ffebee;color:#7f1d1d}.api-key-revoked-label{color:#7f1d1d;font-size:13px;font-weight:700}@media(max-width:760px){.api-keys-table{display:block;overflow-x:auto}.api-key-form{padding:12px}}