:root{--kg-green:#0a592f;--kg-deep:#063d22;--kg-lime:#77d000;--kg-ink:#0d2d1e;--kg-muted:#667a6e;--kg-line:#dfe8e1;--kg-soft:#f5f8f5;--kg-white:#fff}
.customer-auth-page,.customer-portal-page{background:#f6f8f5;color:var(--kg-ink);min-height:100vh}.customer-auth-page{background:radial-gradient(circle at 78% 12%,rgba(119,208,0,.13),transparent 27%),linear-gradient(145deg,#f8fbf7,#eef4ef)}
.customer-auth-shell{min-height:100vh;display:grid;place-items:center;align-content:center;padding:32px 18px}.customer-brand img{width:150px;height:auto;display:block;margin:0 auto 20px}.customer-auth-card{width:min(100%,520px);background:#fff;border:1px solid var(--kg-line);border-radius:28px;padding:36px;box-shadow:0 24px 70px rgba(6,61,34,.09)}.customer-auth-card h1{font-size:clamp(34px,5vw,52px);line-height:.98;margin:7px 0 14px}.customer-auth-card>p{color:var(--kg-muted);line-height:1.65;margin:0 0 24px}.customer-form{display:grid;gap:15px}.customer-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#284a38}.customer-form input,.customer-form textarea,.customer-form select{width:100%;border:1px solid #cfddd2;background:#fbfdfb;border-radius:13px;padding:13px 14px;font:inherit;color:var(--kg-ink);outline:none;box-sizing:border-box}.customer-form input:focus,.customer-form textarea:focus{border-color:#5cad31;box-shadow:0 0 0 3px rgba(92,173,49,.11)}.customer-form button,.customer-referral-code button,.customer-order-detail-actions button{border:0;border-radius:13px;background:linear-gradient(135deg,#58b900,#2f8c11);color:#fff;padding:14px 18px;font-weight:800;cursor:pointer}.customer-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:10px!important;font-weight:500!important}.customer-check input{width:auto!important;margin-top:2px}.customer-auth-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--kg-line);color:var(--kg-muted)}.customer-auth-foot a,.customer-back,.customer-back-link{color:var(--kg-green);font-weight:800;text-decoration:none}.customer-back{margin-top:18px}.customer-help{font-size:12px;color:#718176;background:#f6f8f5;border-radius:12px;padding:12px;margin-top:15px}.customer-alert{border-radius:12px;padding:12px 14px;margin:0 0 18px;font-weight:700}.customer-alert.error{background:#fff0ee;color:#a2372a}.customer-alert.success{background:#eaf8ea;color:#176a31}
.customer-portal-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:11px clamp(18px,5vw,72px);background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--kg-line)}.customer-portal-brand img{width:120px;display:block}.customer-portal-header nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.customer-portal-header nav a,.customer-signout{color:#254634;text-decoration:none;font-size:13px;font-weight:800}.customer-signout{border:1px solid var(--kg-line);padding:9px 13px;border-radius:999px}.customer-portal-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:46px 0 80px}.customer-welcome{display:flex;align-items:center;gap:22px;margin-bottom:30px}.customer-avatar,.customer-mini-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0a592f,#77d000);color:white;font-weight:900;font-size:20px;box-shadow:0 10px 28px rgba(10,89,47,.18)}.customer-welcome h1,.customer-page-title h1{font-size:clamp(36px,5vw,62px);line-height:1;margin:6px 0 10px}.customer-welcome p,.customer-page-title p{color:var(--kg-muted);font-size:17px;line-height:1.6;margin:0}.customer-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.customer-stat-grid article{background:#fff;border:1px solid var(--kg-line);border-radius:20px;padding:22px}.customer-stat-grid span{display:block;color:var(--kg-muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.customer-stat-grid strong{display:block;font-size:34px;margin:8px 0}.customer-stat-grid a{color:var(--kg-green);font-weight:800;text-decoration:none;font-size:13px}.customer-stat-grid small{color:var(--kg-muted)}
.customer-referral-card{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;background:linear-gradient(135deg,#063d22,#0a592f);color:white;border-radius:26px;padding:28px;margin-bottom:24px;overflow:hidden;position:relative}.customer-referral-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(119,208,0,.12);right:-90px;top:-120px}.customer-referral-card h2{font-size:30px;margin:5px 0 10px}.customer-referral-card p{color:#d9eadf;line-height:1.6;margin:0}.customer-referral-code{position:relative;z-index:2;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:19px;padding:18px}.customer-referral-code small{display:block;color:#dcecdf}.customer-referral-code strong{display:block;font-size:24px;letter-spacing:.08em;margin:7px 0 13px}.customer-referral-code button{background:#75cf0e;color:#0b351f;padding:10px 13px}.customer-panel{background:#fff;border:1px solid var(--kg-line);border-radius:24px;padding:24px;margin-bottom:24px}.customer-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.customer-section-head h2{font-size:28px;margin:4px 0 0}.customer-section-head a{color:var(--kg-green);font-weight:800;text-decoration:none}.customer-order-list{display:grid}.customer-order-list>a,.customer-admin-orders>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 3px;border-top:1px solid #edf1ee;text-decoration:none;color:var(--kg-ink)}.customer-order-list>a:first-child{border-top:0}.customer-order-list span,.customer-admin-orders span{display:grid;gap:4px}.customer-order-list small,.customer-admin-orders small{color:var(--kg-muted)}.customer-empty{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;background:#f6f9f6;border-radius:15px}.customer-empty a{color:var(--kg-green);font-weight:800;text-decoration:none}.customer-empty.large{min-height:180px;flex-direction:column;justify-content:center;margin-top:22px}.customer-favorite-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.customer-favorite-mini a{display:grid;gap:10px;text-decoration:none;color:var(--kg-ink);font-weight:800}.customer-favorite-mini img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:15px;background:#f2f4f2}
.customer-page-title{margin-bottom:28px}.customer-orders-table{display:grid;gap:12px}.customer-orders-table article{display:grid;grid-template-columns:1.4fr .5fr auto;gap:22px;align-items:center;background:#fff;border:1px solid var(--kg-line);border-radius:19px;padding:20px}.customer-orders-table h3{margin:8px 0 4px;font-size:20px}.customer-orders-table small{color:var(--kg-muted)}.customer-order-actions{display:flex;gap:12px}.customer-order-actions a,.customer-order-detail-actions a{color:var(--kg-green);font-weight:800;text-decoration:none}.customer-order-status{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:#edf4ef;color:#2e6946;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.customer-order-status.delivered{background:#e4f8e7;color:#187232}.customer-order-status.cancelled{background:#feeae7;color:#a13a2d}.customer-order-status.dispatched,.customer-order-status.ready{background:#eef4ff;color:#345ea4}
.customer-order-detail{background:#fff;border:1px solid var(--kg-line);border-radius:25px;padding:28px;margin:18px 0 24px}.customer-order-detail-head{display:flex;justify-content:space-between;gap:25px;align-items:start}.customer-order-detail-head h1{font-size:36px;margin:6px 0}.customer-order-detail-head p{color:var(--kg-muted);margin:0}.customer-order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.customer-order-summary>div{background:#f5f8f5;border-radius:14px;padding:16px}.customer-order-summary small{display:block;color:var(--kg-muted);margin-bottom:5px}.customer-order-items>div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #edf1ee}.customer-order-items span{display:grid;gap:3px}.customer-order-items small{color:var(--kg-muted)}.customer-order-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:22px}.customer-order-detail-actions button{font:inherit}.customer-order-timeline{display:grid;gap:0}.timeline-event{display:grid;grid-template-columns:22px 1fr;gap:12px;position:relative;min-height:64px}.timeline-event:before{content:"";position:absolute;left:7px;top:15px;bottom:-15px;width:2px;background:#dce8df}.timeline-event:last-child:before{display:none}.timeline-event i{width:16px;height:16px;border-radius:50%;background:#69bf16;border:4px solid #e9f6dd;box-sizing:border-box;margin-top:3px}.timeline-event div{display:grid;gap:4px}.timeline-event span,.timeline-event small{color:var(--kg-muted)}
.customer-favorites-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.customer-favorites-grid article{background:white;border:1px solid var(--kg-line);border-radius:20px;overflow:hidden}.customer-fav-img img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f2f4f2}.customer-favorites-grid article>div{padding:16px}.customer-favorites-grid small{color:var(--kg-muted);text-transform:uppercase;font-weight:800}.customer-favorites-grid h3{margin:6px 0 10px}.customer-favorites-grid h3 a{color:var(--kg-ink);text-decoration:none}.customer-favorites-grid form{margin-top:12px}.customer-favorites-grid button{border:0;background:none;color:#9b3b31;font-weight:800;cursor:pointer;padding:0}.customer-profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.customer-profile-grid h2{margin-top:0}.customer-form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kobi-favourite-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfdcd2;background:white;color:#164c2f;border-radius:999px;padding:11px 15px;font-weight:800;cursor:pointer}.kobi-favourite-button.active{background:#edf9e8;border-color:#a9d69a;color:#2d7218}.kobi-favourite-button .heart{font-size:19px;line-height:1}.kobi-account-nav{display:inline-flex!important;align-items:center;gap:6px}.kobi-account-nav:before{content:"◉";font-size:9px;color:#6cc51d}
/* Admin customers */.customer-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.customer-admin-stats article{background:#fff;border:1px solid #dfe7e1;border-radius:17px;padding:18px}.customer-admin-stats span{display:block;color:#75867a;font-size:12px}.customer-admin-stats strong{display:block;font-size:30px;margin-top:5px}.customer-admin-settings{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;background:#fff;border:1px solid #dfe7e1;border-radius:20px;padding:22px;margin-bottom:20px}.customer-admin-settings h2{margin:4px 0 7px}.customer-admin-settings p{color:#6d7f72;line-height:1.55}.customer-admin-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.customer-admin-list,.customer-admin-detail{background:#fff;border:1px solid #dfe7e1;border-radius:20px;padding:16px}.admin-search{display:flex;gap:8px;margin-bottom:12px}.admin-search input{flex:1;border:1px solid #d6e1d8;border-radius:10px;padding:10px}.admin-search button{border:0;background:#0a592f;color:#fff;border-radius:10px;padding:10px 14px}.customer-admin-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:13px;text-decoration:none;color:#163b27}.customer-admin-row:hover,.customer-admin-row.selected{background:#f1f7f1}.customer-mini-avatar{width:42px;height:42px;font-size:13px;box-shadow:none}.customer-mini-avatar.large{width:64px;height:64px;font-size:18px}.customer-admin-row span:nth-child(2){display:grid;gap:3px}.customer-admin-row small{color:#738378}.customer-admin-detail-head{display:flex;gap:15px;align-items:center;margin-bottom:18px}.customer-admin-detail-head h2{margin:3px 0}.customer-admin-detail-head p{margin:0;color:#718075}.customer-admin-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.customer-admin-facts>div{background:#f6f9f6;border-radius:12px;padding:12px}.customer-admin-facts small{display:block;color:#75867a;margin-bottom:3px}.customer-admin-access{display:flex;gap:8px}.customer-admin-access select,.customer-admin-access button,.customer-reset input,.customer-reset button{border:1px solid #d5e0d7;border-radius:10px;padding:10px}.customer-admin-access button,.customer-reset button{background:#0a592f;color:#fff;border-color:#0a592f;font-weight:800}.customer-reset{margin:14px 0}.customer-reset summary{font-weight:800;cursor:pointer}.customer-reset form{display:flex;gap:8px;margin-top:10px}.customer-reset input{flex:1}
@media(max-width:900px){.customer-stat-grid,.customer-admin-stats{grid-template-columns:1fr 1fr}.customer-favorites-grid{grid-template-columns:1fr 1fr}.customer-admin-grid,.customer-admin-settings,.customer-profile-grid{grid-template-columns:1fr}.customer-orders-table article{grid-template-columns:1fr auto}.customer-order-actions{grid-column:1/-1}.customer-favorite-mini{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.customer-auth-card{padding:25px 20px;border-radius:21px}.customer-portal-header{grid-template-columns:auto auto;padding:9px 15px}.customer-portal-header nav{position:fixed;left:12px;right:12px;bottom:12px;background:rgba(6,61,34,.96);border-radius:18px;padding:10px 7px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;box-shadow:0 14px 35px rgba(6,61,34,.25)}.customer-portal-header nav a{color:white;text-align:center;font-size:10px;padding:7px 2px}.customer-portal-header nav a:nth-child(n+6){display:none}.customer-signout{justify-self:end}.customer-portal-shell{width:min(100% - 24px,1180px);padding:28px 0 100px}.customer-welcome{align-items:flex-start}.customer-avatar{width:52px;height:52px;flex:0 0 auto}.customer-welcome h1,.customer-page-title h1{font-size:38px}.customer-welcome p,.customer-page-title p{font-size:15px}.customer-stat-grid{grid-template-columns:1fr 1fr}.customer-stat-grid article{padding:16px}.customer-stat-grid strong{font-size:28px}.customer-referral-card{grid-template-columns:1fr;padding:22px}.customer-referral-card h2{font-size:25px}.customer-section-head{align-items:start}.customer-panel{padding:18px;border-radius:20px}.customer-order-list>a{align-items:flex-start}.customer-favorite-mini{display:flex;overflow:auto;scroll-snap-type:x mandatory}.customer-favorite-mini a{min-width:145px;scroll-snap-align:start}.customer-orders-table article{grid-template-columns:1fr}.customer-order-actions{grid-column:auto}.customer-order-detail{padding:20px}.customer-order-detail-head{display:grid}.customer-order-summary{grid-template-columns:1fr 1fr}.customer-order-summary>div:last-child{grid-column:1/-1}.customer-order-detail-actions{align-items:stretch;display:grid}.customer-order-detail-actions form,.customer-order-detail-actions button{width:100%}.customer-favorites-grid{grid-template-columns:1fr 1fr;gap:10px}.customer-favorites-grid article>div{padding:12px}.customer-form-two{grid-template-columns:1fr}.customer-admin-stats{grid-template-columns:1fr 1fr}.customer-admin-facts{grid-template-columns:1fr}.customer-admin-row{grid-template-columns:auto 1fr}.customer-admin-row>strong{grid-column:2}.customer-reset form{display:grid}}