:root{font-family:Segoe UI,system-ui,sans-serif;color:#14242a}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:#eef3f1;color:#14242a}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#c9efe0,transparent 40%),linear-gradient(160deg,#eef6f3,#f7faf8)}.login-card{width:min(420px,92vw);background:#fff;border-radius:18px;padding:1.6rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 20px 40px -24px #0a3c2d73}.login-brand{display:flex;justify-content:center;margin-bottom:.35rem}.brand-logo{display:block;object-fit:contain;background:#050505;border-radius:12px}.brand-logo-xs{height:36px;width:auto;border-radius:8px}.brand-logo-sm{height:48px;width:auto;border-radius:10px}.brand-logo-md{height:56px;width:auto}.brand-logo-lg{height:76px;width:auto;border-radius:14px}.brand-logo-sidebar{width:100%;height:64px;object-fit:contain;object-position:center;border-radius:12px;padding:.2rem}.brand-logo-hero{height:88px;width:auto;border-radius:14px}.eyebrow{color:#0a7a4a;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.login-card h1{font-size:1.6rem}.sub,.muted,.hint{color:#60757a;font-size:.9rem}.login-card input,.content select,.order-card select{border:1px solid #c9d9d3;border-radius:10px;padding:.7rem .9rem;font-size:.95rem}.login-card button,.refresh-btn,.logout-btn{border:0;border-radius:10px;padding:.75rem 1rem;background:linear-gradient(120deg,#1a9b5d,#0e7e89);color:#fff;font-weight:700;cursor:pointer}.error{color:#c0392b;font-size:.88rem}.banner{background:#fdecea;padding:.7rem 1rem;border-radius:10px;margin-bottom:1rem}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#0f3d34;color:#fff;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.brand{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;margin-bottom:.15rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.brand-tag{text-align:center;opacity:.65;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:.35rem;flex:1}.sidebar nav button{text-align:left;border:0;background:transparent;color:#d7ebe4;padding:.72rem .85rem;border-radius:10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.55rem}.sidebar nav button.active,.sidebar nav button:hover{background:#ffffff1f;color:#fff}.logout-btn{background:#ffffff1f}.content{padding:1.6rem 1.8rem 2rem;max-width:1280px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar h2{font-size:1.45rem;letter-spacing:-.02em}.topbar p{color:#60757a;font-size:.88rem;margin-top:.15rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stats-grid article,.stat-card{background:#fff;border-radius:16px;padding:1.15rem 1.2rem;box-shadow:0 8px 24px -20px #00281e4d;border:1px solid #e5eeea}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.stat-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eef6f3;color:#0a7a4a}.stat-card.tone-users .stat-icon{background:#e8f1fb;color:#2b6cb0}.stat-card.tone-logins .stat-icon{background:#e6f6f7;color:#0e7e89}.stat-card.tone-revenue .stat-icon{background:#fef3c7;color:#b7791f}.stats-grid span,.stat-card span{color:#60757a;font-size:.78rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.stats-grid strong,.stat-card strong{display:block;font-size:1.55rem;letter-spacing:-.02em;line-height:1.1}.stat-card em{display:block;margin-top:.4rem;font-style:normal;font-size:.78rem;color:#0a7a4a;font-weight:600}.dashboard{display:flex;flex-direction:column;gap:1.25rem}.dash-hero{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;flex-wrap:wrap;background:linear-gradient(120deg,#0f3d34,#176b57);color:#fff;border-radius:18px;padding:1.5rem 1.6rem}.dash-hero-copy h3{font-size:1.45rem;margin:.2rem 0 .35rem;letter-spacing:-.02em}.dash-hero-copy p{color:#ffffffbf;font-size:.9rem;line-height:1.4}.dash-hero .eyebrow{color:#9ef0c6}.dash-hero-actions{display:flex;flex-wrap:wrap;gap:.55rem}.dash-hero-actions button{border:0;border-radius:999px;padding:.65rem 1rem;background:#fff;color:#0f3d34;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.dash-hero-actions button.secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}.dash-grid.secondary{margin-top:0}.dash-panel{background:#fff;border:1px solid #e5eeea;border-radius:16px;padding:1.15rem 1.2rem;box-shadow:0 8px 24px -22px #00281e47;min-height:0}.dash-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.dash-panel-head h4{font-size:1rem;letter-spacing:-.01em}.dash-panel-head .muted{margin-top:.15rem;font-size:.8rem}.panel-icon{color:#0a7a4a;opacity:.65;margin-top:.15rem}.pipeline-list{display:flex;flex-direction:column;gap:.85rem}.pipeline-row{display:flex;flex-direction:column;gap:.4rem}.pipeline-label{display:flex;justify-content:space-between;align-items:center}.pipeline-label strong{font-size:.92rem}.pipeline-track{height:7px;background:#eef4f1;border-radius:999px;overflow:hidden}.pipeline-fill{display:block;height:100%;border-radius:inherit;min-width:4px;transition:width .25s ease}.pipeline-fill.pending{background:#d69e2e}.pipeline-fill.confirmed{background:#3182ce}.pipeline-fill.shipped{background:#805ad5}.pipeline-fill.delivered{background:#0a7a4a}.pipeline-fill.cancelled{background:#c0392b}.dash-feed{list-style:none;display:flex;flex-direction:column;gap:.5rem}.dash-feed li{display:flex;justify-content:space-between;gap:.85rem;align-items:center;padding:.75rem .8rem;background:#f7fbf9;border-radius:12px}.dash-feed strong{display:block;font-size:.88rem;color:#14242a}.dash-feed span{display:block;margin-top:.18rem;color:#60757a;font-size:.76rem}.dash-feed-right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.dash-feed-right em{font-style:normal;font-weight:700;font-size:.85rem;color:#0f3d34}.dash-feed.compact li{background:transparent;border-bottom:1px solid #e8f0ed;border-radius:0;padding:.7rem 0}.dash-feed.compact li:last-child{border-bottom:0}.feed-time{flex-shrink:0;text-align:right;max-width:9rem}.dash-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.8rem .8rem;color:#60757a;text-align:center}.dash-empty svg{color:#0a7a4a}.table-wrap{overflow:auto;background:#fff;border-radius:14px;box-shadow:0 8px 24px -18px #00281e59;border:1px solid #e5eeea}.users-panel{display:flex;flex-direction:column;gap:1rem}.users-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.users-summary-card{background:#fff;border:1px solid #e5eeea;border-radius:14px;padding:.95rem 1.05rem;text-align:left;box-shadow:0 8px 24px -22px #00281e4d}.users-summary-card span{display:block;color:#60757a;font-size:.75rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase}.users-summary-card strong{display:block;margin-top:.35rem;font-size:1.4rem;color:#14242a}.users-summary-card.accent{background:linear-gradient(145deg,#0f3d34,#166b58);border-color:transparent;color:#fff}.users-summary-card.accent span{color:#ffffffbf}.users-summary-card.accent strong{color:#fff}.users-summary-card.clickable{cursor:pointer;transition:transform .15s ease,border-color .15s ease}.users-summary-card.clickable:hover,.users-summary-card.clickable.active{transform:translateY(-1px);border-color:#0a7a4a}.users-table-wrap{border-radius:16px}.users-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.users-table td{vertical-align:middle;white-space:normal}.user-cell{display:flex;align-items:center;gap:.75rem;min-width:180px}.user-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1a9b5d,#0e7e89);color:#fff;font-size:.78rem;font-weight:750;flex-shrink:0}.user-cell strong{display:block;font-size:.92rem;color:#14242a}.user-id{display:block;margin-top:.15rem;color:#60757a;font-size:.76rem}.user-contact{display:flex;flex-direction:column;gap:.35rem;min-width:160px}.user-contact span{display:inline-flex;align-items:center;gap:.4rem;color:#355149;font-size:.86rem}.user-contact svg{color:#0a7a4a;flex-shrink:0}.user-joined{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.user-joined strong{font-size:.86rem;font-weight:600;color:#355149}.user-actions{display:flex;flex-wrap:wrap;gap:.4rem;max-width:280px}@media(max-width:900px){.users-summary{grid-template-columns:1fr 1fr}}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.8rem .9rem;border-bottom:1px solid #e7efec;text-align:left;white-space:nowrap}th{background:#f5faf8;color:#355149}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700}.badge.ok{background:#e5f8ee;color:#0a7a4a}.badge.fail{background:#fdecea;color:#c0392b}.orders-panel{display:flex;flex-direction:column;gap:1rem}.orders-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.orders-summary-card{background:#fff;border:1px solid #e2ece8;border-radius:14px;padding:.9rem 1rem;text-align:left;box-shadow:0 8px 24px -20px #00281e59}.orders-summary-card span{display:block;color:#60757a;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.orders-summary-card strong{display:block;margin-top:.35rem;font-size:1.45rem;color:#14242a}.orders-summary-card em{display:block;margin-top:.2rem;font-style:normal;font-size:.78rem;color:#0a7a4a;font-weight:600}.orders-summary-card.accent{background:linear-gradient(145deg,#0f3d34,#166b58);border-color:transparent;color:#fff}.orders-summary-card.accent span,.orders-summary-card.accent em{color:#ffffffc7}.orders-summary-card.accent strong{color:#fff}.orders-summary-card.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.orders-summary-card.clickable:hover,.orders-summary-card.clickable.active{transform:translateY(-1px);box-shadow:0 12px 28px -18px #00281e66}.orders-summary-card.clickable.active{border-color:#0a7a4a}.orders-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;background:#fff;border-radius:14px;padding:.85rem;border:1px solid #e2ece8;box-shadow:0 8px 24px -20px #00281e4d}.search-field{flex:1;min-width:220px;display:flex;align-items:center;gap:.55rem;background:#f5faf8;border:1px solid #d7e6e0;border-radius:10px;padding:.55rem .8rem;color:#60757a}.search-field input{border:0;outline:0;background:transparent;width:100%;font-size:.92rem;color:#14242a}.toolbar-filters{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.toolbar-filters select,.status-select-wrap select{border:1px solid #c9d9d3;border-radius:10px;padding:.55rem .75rem;font-size:.88rem;background:#fff;color:#14242a}.icon-refresh,.ghost-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #d3e2dc;background:#fff;color:#355149;border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease}.icon-refresh:hover,.ghost-btn:hover{background:#f3faf7;border-color:#b7d2c8}.ghost-btn.whatsapp{color:#128c7e;border-color:#b7e0d8;background:#f0faf8}.orders-filter-chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{border:1px solid #d5e4de;background:#fff;color:#355149;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:650;cursor:pointer}.chip.active{background:#0f3d34;border-color:#0f3d34;color:#fff}.chip.status-pending.active{background:#b7791f;border-color:#b7791f}.chip.status-confirmed.active{background:#2b6cb0;border-color:#2b6cb0}.chip.status-shipped.active{background:#6b46c1;border-color:#6b46c1}.chip.status-delivered.active{background:#0a7a4a;border-color:#0a7a4a}.chip.status-cancelled.active{background:#c0392b;border-color:#c0392b}.orders-result-meta{color:#60757a;font-size:.86rem}.orders-result-meta strong{color:#14242a}.orders-list{display:flex;flex-direction:column;gap:.9rem}.order-card{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 8px 24px -18px #00281e59}.order-card.premium{border:1px solid #e2ece8;padding:1.15rem 1.2rem;position:relative;overflow:hidden}.order-card.premium:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0a7a4a}.order-card.status-border-pending:before{background:#d69e2e}.order-card.status-border-confirmed:before{background:#3182ce}.order-card.status-border-shipped:before{background:#805ad5}.order-card.status-border-delivered:before{background:#0a7a4a}.order-card.status-border-cancelled:before{background:#c0392b}.order-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.order-id-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.35rem}.order-id-row h3{font-size:1.05rem;letter-spacing:-.01em}.order-customer{display:flex;flex-wrap:wrap;gap:.35rem;color:#355149;font-size:.9rem}.order-meta-line{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem;font-size:.82rem}.order-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;min-width:160px}.order-total{font-size:1.2rem;color:#0f3d34;letter-spacing:-.02em}.status-select-wrap{display:flex;flex-direction:column;gap:.25rem;width:100%}.status-select-wrap span{font-size:.72rem;color:#60757a;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge,.pay-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#dbeafe;color:#1e40af}.status-badge.shipped{background:#ede9fe;color:#5b21b6}.status-badge.delivered{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.pay-badge{background:#eef6f3;color:#0a7a4a;border:1px solid #cfe6db}.order-items-preview{list-style:none;display:flex;flex-direction:column;gap:.35rem;color:#355149;background:#f7fbf9;border-radius:10px;padding:.7rem .85rem}.order-items-preview li{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;font-size:.88rem}.item-name{font-weight:600}.item-qty,.item-price{color:#60757a;white-space:nowrap}.more-items{color:#0a7a4a!important;font-weight:600;font-size:.82rem!important;display:block!important}.address{margin-top:.75rem;color:#60757a;font-size:.88rem;display:flex;gap:.4rem;align-items:flex-start;line-height:1.4}.address svg{flex-shrink:0;margin-top:.15rem;color:#0a7a4a}.order-notes{margin-top:.55rem;background:#fff8e8;border:1px solid #f3e2b8;color:#7a5b16;border-radius:10px;padding:.55rem .75rem;font-size:.85rem}.order-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem;padding-top:.85rem;border-top:1px solid #e8f0ed}.order-detail{margin-top:.95rem;padding-top:.95rem;border-top:1px dashed #d7e5df;display:flex;flex-direction:column;gap:.95rem;animation:fadeSlide .2s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.detail-grid>div{background:#f7fbf9;border-radius:10px;padding:.65rem .75rem}.detail-grid span{display:block;font-size:.72rem;color:#60757a;text-transform:uppercase;letter-spacing:.03em;font-weight:650;margin-bottom:.25rem}.detail-grid strong{font-size:.9rem;color:#14242a;word-break:break-word}.detail-items h4,.detail-address h4{font-size:.85rem;color:#355149;margin-bottom:.5rem}.detail-items{overflow:auto;border:1px solid #e2ece8;border-radius:12px;padding:.75rem}.detail-items table{font-size:.84rem}.detail-address p{color:#60757a;font-size:.9rem;line-height:1.45}.orders-empty{background:#fff;border:1px dashed #c9d9d3;border-radius:16px;padding:2.4rem 1.2rem;text-align:center;color:#60757a;display:flex;flex-direction:column;align-items:center;gap:.45rem}.orders-empty h3{color:#14242a;font-size:1.05rem}.orders-empty svg{color:#0a7a4a;margin-bottom:.3rem}@media(max-width:1100px){.orders-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-grid{grid-template-columns:1fr}}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.brand{width:140px;border-bottom:0;padding-bottom:0;margin-bottom:0}.sidebar nav{flex-direction:row;flex-wrap:wrap;width:100%}.stats-grid{grid-template-columns:1fr 1fr}.order-head{flex-direction:column}.order-head-right{align-items:stretch;min-width:0}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.orders-summary{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.order-items-preview li{grid-template-columns:1fr;gap:.15rem}}