@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--primary:#4561ee;--bg:#f6f8fc;--text:#27324a;--muted:#98a3b9;--border:#edf0f6;--shadow:0 8px 30px rgba(46,61,110,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif}button,input,textarea{font-family:inherit}
.sidebar{position:fixed;right:0;top:0;width:285px;height:100vh;background:#fff;border-left:1px solid var(--border);z-index:20;overflow-y:auto}
.brand{height:125px;padding:23px 24px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border)}
.brand-icon,.hero-icon{width:52px;height:52px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 20px rgba(69,97,238,.2)}
.brand h1{font-size:19px;margin:0;color:#3454d7;font-weight:800}.brand span{font-size:12px;color:#b9c0cf}.menu{padding:20px 15px 40px}.menu-title{font-size:12px;color:#adb7ca;font-weight:700;margin:18px 12px 9px}
.menu-item{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 17px;margin:4px 0;color:#9ca7bd;text-decoration:none;border-radius:15px;font-size:15px;font-weight:600;transition:.2s}.menu-item i{width:25px;text-align:center}.menu-item:hover{background:#f3f5ff;color:var(--primary)}.menu-item.active{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(69,97,238,.2)}
.content{margin-right:285px;min-height:100vh}.topbar{height:94px;background:#fff;border-bottom:1px solid var(--border);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:10}.topbar h2{margin:0;font-size:21px}.topbar p{margin:2px 0;color:#aab2c2;font-size:12px}.top-actions{display:flex;align-items:center;gap:14px}.admin-user{display:flex;align-items:center;gap:10px;color:#737f96;font-size:13px;font-weight:600}.avatar{width:40px;height:40px;border-radius:12px;background:#eef1ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.logout{color:#7f8aa0;text-decoration:none;font-size:12px}
.page{padding:30px 38px}.hero{min-height:165px;border-radius:22px;padding:28px 32px;background:linear-gradient(110deg,#405de6,#5c73ef);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 35px rgba(69,97,238,.18)}.hero.small{min-height:135px}.eyebrow{font-size:11px;opacity:.72;font-weight:700;letter-spacing:1px}.hero h1{font-size:27px;margin:7px 0 4px}.hero p{margin:0;opacity:.8;font-size:13px}.hero-icon{background:rgba(255,255,255,.17);box-shadow:none;width:72px;height:72px;font-size:31px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card,.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.stat-icon{width:43px;height:43px;border-radius:12px;background:#f0f3ff;color:var(--primary);display:grid;place-items:center;margin-bottom:13px}.stat-card span{display:block;color:#8792a9;font-size:12px}.stat-card strong{display:block;font-size:25px;margin:3px 0}.stat-card small,.muted{color:#aab2c2;font-size:11px}
.section-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.panel{margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:15px}.panel-head h3{margin:0;font-size:16px}.status{color:#4a9d6a!important;font-size:11px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fbe78;margin-left:5px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid a,.feature-grid span{background:#f7f8fc;border:1px solid var(--border);border-radius:13px;padding:14px;color:#68748c;text-decoration:none;font-size:12px;font-weight:600}.system-row{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #f0f2f6;font-size:12px;color:#8994aa}.system-row b{color:#4b9e6b}
.page-head{margin-bottom:16px}.page-head h1{font-size:22px;margin:0 0 3px}.page-head p{margin:0;color:#a2adbf;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-grid input,.settings-form input,.settings-form textarea,.inline-form input,.login-card input{width:100%;padding:12px;border:1px solid #e3e7ef;border-radius:10px;background:#fff;color:#28334a}.primary-btn{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:right;padding:11px;border-bottom:1px solid #edf0f5;font-size:11px;vertical-align:middle}th{color:#8e99ad;background:#fafbfe}td{color:#56627a}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button,.inline-form button{border:0;background:#eef1ff;color:#4561ee;border-radius:8px;padding:7px 9px;font-size:10px;cursor:pointer}.danger{background:#ffe9e9!important;color:#c94b4b!important}.secret{letter-spacing:2px}.inline-form{display:flex;gap:5px;align-items:center}.inline-form input{width:110px;padding:7px}.settings-form{display:grid;gap:15px}.settings-form label{display:grid;gap:6px;font-size:12px;color:#69758c}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.alert{padding:11px 14px;border-radius:10px;margin-bottom:14px;font-size:12px;background:#f0f3ff;color:#4561ee}.alert.danger{background:#ffe9e9}.alert.success{background:#eaf8ef;color:#398052}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#f5f7ff,#eef2ff)}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.brand-center{text-align:center}.brand-center .brand-icon{margin:0 auto 10px}.brand-center h1{color:#3454d7;margin:0}.brand-center p{color:#a2adbf;font-size:12px}.login-card form{display:grid;gap:10px}
.mobile-toggle{display:none;border:0;background:#f2f4fb;width:42px;height:42px;border-radius:12px;color:#65718b}.overlay{display:none}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(100%);transition:.25s;box-shadow:-10px 0 30px rgba(0,0,0,.08)}.sidebar.open{transform:translateX(0)}.content{margin-right:0}.topbar{height:76px;padding:0 18px}.mobile-toggle{display:block}.top-actions{gap:7px}.admin-user span{display:none}.page{padding:18px}.hero{padding:22px}.form-grid,.feature-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.overlay.show{display:block;position:fixed;inset:0;background:rgba(22,28,43,.35);z-index:15}}
@media(max-width:520px){.stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}}

/* ===== MINE APP — Product Manager ===== */
.product-manager{display:grid;gap:18px}.product-form-panel{padding:24px}.panel-head h3 i{color:var(--primary);margin-left:7px}.form-note{display:block;color:#a1acc0;font-size:10px;margin-top:4px}.product-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.field{display:grid;gap:7px}.field-wide{grid-column:span 2}.field label{font-size:12px;color:#68748c;font-weight:700}.field label span{font-weight:500;color:#aab2c2;margin-right:5px}.field label b{color:#e24d5c}.field input,.field textarea,.field select{width:100%;border:1px solid #e5e9f1;background:#fbfcff;border-radius:13px;padding:13px 14px;color:#28334a;outline:none;transition:.2s;font-size:12px}.field textarea{resize:vertical;min-height:88px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8da0ff;box-shadow:0 0 0 4px rgba(69,97,238,.08);background:#fff}.field small{color:#aab2c2;font-size:9px}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-left:42px;cursor:pointer}.select-wrap i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#8b96aa;pointer-events:none;font-size:11px}.product-form-actions{grid-column:1/-1;display:flex;gap:10px;padding-top:2px}.add-product-btn{min-width:180px}.ghost-btn{border:1px solid #e2e6ef;background:#fff;color:#718097;border-radius:11px;padding:11px 18px;cursor:pointer;font-weight:700}.ghost-btn:hover{background:#f7f8fc}.product-list-panel{padding:24px}.product-list-head{margin-bottom:18px}.product-count{background:#eef1ff;color:var(--primary);padding:7px 12px;border-radius:10px;font-size:11px;font-weight:800}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-card{border:1px solid #e9edf4;background:linear-gradient(180deg,#fff,#fbfcff);border-radius:18px;padding:17px;transition:.2s;min-width:0}.product-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(46,61,110,.08);border-color:#dfe5f4}.product-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.product-title-wrap{display:flex;gap:11px;align-items:center;min-width:0}.product-icon{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:#f0f3ff;display:grid;place-items:center;font-size:22px}.product-title-wrap h4{margin:0;color:#344057;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-section{display:block;color:#9ba6ba;font-size:10px;margin-top:3px}.product-id{font-size:10px;color:#aab2c2;background:#f5f6fa;border-radius:8px;padding:5px 7px}.product-description{font-size:10px;color:#7d899e;line-height:1.8;margin:14px 0 10px;min-height:20px}.product-meta{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #f0f2f6;padding-top:10px;color:#9aa5b8;font-size:9px}.product-meta span{background:#f8f9fc;border-radius:7px;padding:5px 7px}.product-statuses{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.product-statuses form{margin:0}.status-btn{width:100%;border:0;border-radius:10px;padding:9px 7px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}.status-on{background:#e9f8ef;color:#3b9a62}.status-off{background:#ffe9eb;color:#cc4c5a}.maintenance-on{background:#ffe9eb;color:#cc4c5a}.maintenance-off{background:#e9f8ef;color:#3b9a62}.status-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.product-actions form{margin:0}.product-actions button{width:100%;border:0;border-radius:10px;padding:9px 7px;font-size:10px;font-weight:800;cursor:pointer}.edit-btn{background:#eef1ff;color:#4561ee}.delete-btn{background:#ffe9eb;color:#cc4c5a}.empty-products{grid-column:1/-1;text-align:center;padding:55px 20px;color:#a0aabd}.empty-products>div{width:65px;height:65px;margin:0 auto 12px;border-radius:18px;background:#f0f3ff;color:var(--primary);display:grid;place-items:center;font-size:25px}.empty-products h3{margin:0;color:#69758b;font-size:15px}.empty-products p{font-size:11px}.modal{display:none;position:fixed;inset:0;z-index:100}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(26,33,52,.45);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(720px,calc(100% - 30px));max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:23px;box-shadow:0 25px 70px rgba(20,30,60,.22);z-index:1}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:15px;margin-bottom:18px}.modal-head h3{margin:0;font-size:16px}.modal-head p{margin:4px 0 0;color:#a0aabd;font-size:10px}.modal-close{border:0;width:36px;height:36px;border-radius:10px;background:#f5f6fa;color:#7e899d;cursor:pointer}.modal-card .product-form{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-form{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:span 2}}
@media(max-width:650px){.products-grid,.product-form,.modal-card .product-form{grid-template-columns:1fr}.field-wide{grid-column:auto}.product-form-actions{grid-column:auto;flex-wrap:wrap}.add-product-btn{flex:1}.ghost-btn{flex:1}.product-list-panel,.product-form-panel{padding:17px}.product-statuses{grid-template-columns:1fr}.modal-card{padding:17px}}

/* ===== MINE APP — Legendary Catalog UI (sections & categories) ===== */
.catalog-manager{display:grid;gap:20px}.catalog-form-panel{padding:25px;position:relative;overflow:hidden}.catalog-form-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#4561ee,#7c4dff,#00b894);border-radius:0 5px 5px 0}.catalog-count{background:#f0f3ff;color:#4561ee;padding:8px 13px;border-radius:12px;font-size:11px;font-weight:800}.catalog-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.catalog-form .field-wide{grid-column:span 2}.catalog-form-actions{grid-column:1/-1;display:flex;gap:10px;padding-top:4px}.catalog-form-actions .primary-btn,.catalog-form-actions .ghost-btn{min-width:160px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.catalog-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#fbfcff 65%,#f5f7ff 100%);border:1px solid #e8ecf5;border-radius:21px;padding:19px;box-shadow:0 12px 35px rgba(43,56,103,.07);transition:.25s}.catalog-card:after{content:"";position:absolute;top:-50px;left:-50px;width:120px;height:120px;border-radius:50%;background:rgba(69,97,238,.05);pointer-events:none}.catalog-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(43,56,103,.12);border-color:#dbe2f6}.catalog-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;z-index:1}.catalog-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.catalog-icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:linear-gradient(145deg,#f1f4ff,#e9edff);box-shadow:inset 0 1px 0 #fff}.catalog-title-wrap h4{margin:0;font-size:15px;color:#303b55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-title-wrap span{display:block;color:#a0aabd;font-size:10px;margin-top:3px}.color-chip{background:#f5f6fa;color:#8d98ad;border:1px solid #eceff5;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:800}.catalog-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.catalog-badges span{padding:6px 9px;border-radius:9px;font-size:9px;font-weight:800}.badge-green{background:#eaf8ef;color:#39925d}.badge-red{background:#ffe9eb;color:#c74b58}.badge-blue{background:#eef1ff;color:#4561ee}.badge-neutral{background:#f6f7fa;color:#7d899e}.catalog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.catalog-actions form{margin:0}.catalog-actions button{width:100%;border:0;border-radius:11px;padding:10px 8px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}.catalog-actions button:hover{transform:translateY(-1px);filter:brightness(.98)}.status-actions{margin-top:13px}.category-info{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.category-info div{background:#f8f9fc;border:1px solid #edf0f5;border-radius:11px;padding:9px}.category-info small{display:block;color:#a6afc0;font-size:8px;margin-bottom:3px}.category-info b{display:block;color:#59657b;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-catalog{grid-column:1/-1;text-align:center;padding:70px 20px;background:#fff;border:1px dashed #dce2ef;border-radius:22px;color:#a1abbd}.empty-catalog div{width:75px;height:75px;margin:0 auto 13px;border-radius:22px;background:linear-gradient(145deg,#f1f4ff,#e8edff);display:grid;place-items:center;font-size:31px}.empty-catalog h3{margin:0;color:#65718a;font-size:16px}.empty-catalog p{margin:5px 0;font-size:11px}.category-form .field-wide{grid-column:span 2}.catalog-form .field input,.catalog-form .field select{min-height:46px}.catalog-form .field textarea{min-height:100px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-form{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-form .field-wide{grid-column:span 2}}
@media(max-width:650px){.catalog-grid,.catalog-form{grid-template-columns:1fr}.catalog-form .field-wide{grid-column:auto}.catalog-form-actions{grid-column:auto;flex-wrap:wrap}.catalog-form-actions .primary-btn,.catalog-form-actions .ghost-btn{flex:1;min-width:0}.catalog-card{padding:16px}.category-info{grid-template-columns:1fr 1fr 1fr}}


/* ===== MINE APP — Legendary API Supplier Actions ===== */
.supplier-manager .supplier-list-panel{padding:25px}.supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-card{padding:20px}.supplier-url{display:flex;align-items:center;gap:9px;margin-top:15px;padding:11px 12px;background:#f8f9fc;border:1px solid #edf0f5;border-radius:11px;color:#718097;font-size:10px;direction:ltr;text-align:left}.supplier-url i{color:#4561ee}.supplier-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-actions{grid-template-columns:1fr 1fr}.supplier-actions form{margin:0}.supplier-actions .status-action,.supplier-actions .edit-action,.supplier-actions .delete-action{width:100%;border:0;border-radius:11px;padding:10px 8px;font-size:10px;font-weight:800;cursor:pointer}.success-action{background:#eaf8ef!important;color:#39925d!important}.danger-action{background:#ffe9eb!important;color:#c74b58!important}.edit-action{background:#eef1ff!important;color:#4561ee!important}.delete-action{background:#ffe9eb!important;color:#c74b58!important}.supplier-modal-card{max-width:720px}.supplier-modal-card .product-form{grid-template-columns:1fr 1fr}.supplier-modal-card .field-wide{grid-column:1/-1}@media(max-width:1050px){.supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.supplier-grid,.supplier-modal-card .product-form{grid-template-columns:1fr}.supplier-modal-card .field-wide{grid-column:auto}}
.import-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border-radius:26px;background:linear-gradient(135deg,#101a35,#1769e8 55%,#45a5ff);color:#fff;box-shadow:0 18px 45px rgba(20,76,170,.20);margin-bottom:18px}.import-hero h1{margin:7px 0;font-size:29px}.import-hero p{margin:0;opacity:.9;max-width:780px;line-height:1.8}.import-hero-icon{width:78px;height:78px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.13);border-radius:24px;display:grid;place-items:center;font-size:31px}.import-panel{padding:22px}.source-picker{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:12px;align-items:end}.source-picker-field label{display:block;font-weight:800;margin-bottom:8px}.source-picker select,.bulk-import-bar select,.one-import-section{height:48px;border:1px solid #d9e2f1;border-radius:14px;background:#fff;padding:0 15px;font-family:inherit;width:100%}.source-picker .ghost-btn,.source-picker .primary-btn{height:48px}.source-info-card{display:flex;align-items:center;gap:14px;border:1px solid #e1e8f3;background:linear-gradient(180deg,#fff,#f7faff);padding:14px;border-radius:18px;margin-bottom:16px}.source-badge{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf2ff;color:#1d6ce5;font-size:19px}.source-info-main{display:grid;gap:3px;flex:1}.source-info-main span{font-size:12px;color:#7a8799;direction:ltr;text-align:right}.source-status{font-weight:900;padding:8px 13px;border-radius:999px;font-size:12px}.source-status.online{color:#15804b;background:#e8f8ef}.source-status.offline{color:#b6323c;background:#ffe9eb}.import-search-row{display:flex;gap:10px;margin:16px 0}.search-box{height:52px;flex:1;border:1px solid #dce5f2;border-radius:16px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 15px}.search-box i{color:#5b83c7}.search-box input{border:0;outline:0;flex:1;font-family:inherit;font-size:14px}.bulk-import-bar{display:grid;grid-template-columns:1.3fr .65fr auto;gap:12px;align-items:center;padding:15px;border:1px solid #dce8fa;background:#f6f9ff;border-radius:18px}.bulk-import-bar div{display:grid;gap:4px}.bulk-import-bar span{font-size:12px;color:#7d8999;line-height:1.6}.import-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.import-stats>div{background:#fff;border:1px solid #e1e8f3;border-radius:18px;padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center;box-shadow:0 8px 25px rgba(31,67,120,.05)}.import-stats i{grid-row:span 2;color:#2475e8;font-size:20px}.import-stats b{font-size:20px}.import-stats span{font-size:11px;color:#8b96a7}.result-pill{background:#edf4ff;color:#2b6ed3;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900}.api-products-list{display:grid;gap:10px}.api-product-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px;border:1px solid #e5ebf4;border-radius:18px;background:#fff;transition:.18s}.api-product-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(31,67,120,.08);border-color:#cbdcf5}.api-product-main{display:flex;gap:12px;align-items:center;min-width:0}.api-product-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#eaf2ff;color:#2576e8;display:grid;place-items:center}.api-product-main h4{margin:0 0 7px;font-size:14px;max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-meta{display:flex;flex-wrap:wrap;gap:7px;color:#8994a5;font-size:11px}.api-meta span{background:#f5f7fb;padding:4px 8px;border-radius:8px}.api-product-actions{display:flex;gap:8px;align-items:center;min-width:300px}.api-product-actions .one-import-section{height:44px}.api-product-actions .primary-btn{height:44px;white-space:nowrap}.import-empty{text-align:center;padding:70px 25px}.empty-import-icon{width:78px;height:78px;margin:auto;border-radius:25px;display:grid;place-items:center;background:#edf4ff;color:#2475e8;font-size:30px}.import-empty h2{margin:18px 0 8px}.import-empty p{max-width:650px;margin:auto;color:#7c8797;line-height:1.9}@media(max-width:900px){.source-picker,.bulk-import-bar{grid-template-columns:1fr}.import-stats{grid-template-columns:repeat(2,1fr)}.api-product-card{align-items:stretch;flex-direction:column}.api-product-actions{min-width:0;width:100%}}@media(max-width:560px){.import-hero{padding:22px}.import-hero-icon{display:none}.import-hero h1{font-size:22px}.import-search-row{flex-direction:column}.import-stats{grid-template-columns:1fr}.api-product-actions{flex-direction:column}.api-product-actions>*{width:100%}}

/* ===== MINE APP — Standalone Inventory / Stock Codes ===== */
.inventory-page{display:grid;gap:18px}.inventory-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-radius:25px;background:linear-gradient(135deg,#f9fbff,#edf4ff);border:1px solid #dfe8f6;box-shadow:0 15px 38px rgba(43,76,130,.07)}.inventory-eyebrow{font-size:10px;letter-spacing:1.3px;color:#7e8da8;font-weight:900}.inventory-hero h1{margin:7px 0 5px;font-size:27px;color:#283550}.inventory-hero p{margin:0;color:#8b97aa;font-size:12px}.inventory-add-hero{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none}.inventory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.inventory-stats>div{background:#fff;border:1px solid #e5eaf2;border-radius:17px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 9px 26px rgba(43,61,105,.05)}.inventory-stats i{width:42px;height:42px;border-radius:13px;background:#eef3ff;color:#3e65e8;display:grid;place-items:center}.inventory-stats b{display:block;font-size:21px;color:#2e3952}.inventory-stats span{display:block;color:#9aa5b8;font-size:10px}.inventory-add-panel,.inventory-filter-panel,.inventory-table-panel{padding:22px}.inventory-secure{background:#eaf8ef;color:#398457;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900}.inventory-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inventory-form .field-wide{grid-column:1/-1}.inventory-form-note{grid-column:1/-1;display:flex;gap:9px;align-items:flex-start;padding:13px 15px;border-radius:13px;background:#f6f9ff;border:1px solid #e0e9f8;color:#71809a;font-size:11px;line-height:1.8}.inventory-form-note i{color:#3f72e9;margin-top:3px}.inventory-filter{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end}.inventory-filter .primary-btn{height:46px}.inventory-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.inventory-summary-card{background:#fff;border:1px solid #e5eaf2;border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(43,61,105,.06)}.inventory-summary-card.empty-stock{border-color:#ffd9dd;background:linear-gradient(180deg,#fff,#fff8f8)}.inventory-card-top{display:flex;justify-content:space-between;align-items:center}.inventory-icon{width:48px;height:48px;border-radius:15px;background:#eef3ff;display:grid;place-items:center;font-size:23px}.stock-state{font-size:9px;font-weight:900;padding:6px 10px;border-radius:999px}.stock-state.on{background:#eaf8ef;color:#398457}.stock-state.off{background:#f1f3f7;color:#7c879a}.inventory-summary-card h4{margin:14px 0 2px;font-size:14px;color:#35405a}.inventory-summary-card p{margin:0;color:#9aa5b8;font-size:10px}.inventory-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.inventory-numbers div{padding:10px;border-radius:11px;background:#f8f9fc;border:1px solid #edf0f5}.inventory-numbers b{display:block;font-size:18px;color:#35405a}.inventory-numbers span{font-size:9px;color:#9ca6b8}.inventory-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.inventory-card-actions form{margin:0}.inventory-card-actions button{width:100%;border:0;border-radius:10px;padding:9px 7px;font-size:9px;font-weight:900;cursor:pointer}.inventory-card-actions .success-action{background:#eaf8ef!important;color:#398457!important}.inventory-card-actions .danger-action{background:#ffe9eb!important;color:#c74b58!important}.inventory-card-actions .edit-action{background:#eef1ff!important;color:#4561ee!important}.inventory-table{min-width:950px}.inventory-table td code{background:#f4f6fa;border:1px solid #e8ebf1;padding:5px 7px;border-radius:7px;color:#69758a;font-size:10px;direction:ltr;display:inline-block}.inventory-status{display:inline-block;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:900}.inventory-status.available{background:#eaf8ef;color:#398457}.inventory-status.sold{background:#f0f2f6;color:#7d8798}.small-delete{border:0;background:#ffe9eb;color:#c74b58;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.inventory-empty-row{text-align:center!important;padding:40px!important;color:#a0aabd!important}
@media(max-width:1000px){.inventory-stats{grid-template-columns:repeat(2,1fr)}.inventory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-filter{grid-template-columns:repeat(2,1fr)}.inventory-filter .primary-btn{width:100%}}
@media(max-width:650px){.inventory-hero{align-items:stretch;flex-direction:column;padding:22px}.inventory-hero h1{font-size:22px}.inventory-add-hero{justify-content:center}.inventory-stats,.inventory-summary-grid,.inventory-form,.inventory-filter{grid-template-columns:1fr}.inventory-form .field-wide{grid-column:auto}.inventory-card-actions{grid-template-columns:1fr 1fr}.inventory-add-panel,.inventory-filter-panel,.inventory-table-panel{padding:17px}.inventory-secure{align-self:flex-start}}
.stock-switch{display:flex!important;align-items:center;gap:9px;padding:12px 13px;border:1px solid #e5e9f1;border-radius:13px;background:#fbfcff;cursor:pointer;color:#59657b!important;font-size:11px!important}.stock-switch input{width:17px!important;height:17px!important;accent-color:var(--primary)}

/* Import target selectors */
.import-target-pickers{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;min-width:360px}
.import-target-pickers select,.one-import-product,.one-import-section{min-height:42px;border:1px solid rgba(99,102,241,.25);border-radius:12px;padding:0 12px;background:var(--panel,#fff);color:inherit}
@media (max-width:900px){.import-target-pickers{grid-template-columns:1fr;min-width:0;width:100%}}
@media (max-width:700px){.api-product-actions{grid-template-columns:1fr!important}.one-import-product,.one-import-section{width:100%}}


/* ===== Sales & Financials page ===== */
.sales-page{display:flex;flex-direction:column;gap:18px}
.sales-title-card{
  display:flex;align-items:center;gap:16px;
  padding:22px 24px;border:1px solid rgba(40,110,190,.18);
  border-radius:22px;background:linear-gradient(135deg,#fff,#f6f9fd);
  box-shadow:0 10px 30px rgba(20,45,80,.07)
}
.sales-title-icon{
  width:58px;height:58px;min-width:58px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:#eaf3ff;color:#1769d1;font-size:25px
}
.sales-title-card h3{margin:0;font-size:25px;color:#121a2a}
.sales-title-card p{margin:5px 0 0;color:#6f7b8f;font-size:14px}
.sales-summary-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px
}
.sales-summary-card{
  padding:18px;border:1px solid #e3e8f0;border-radius:18px;background:#fff;
  box-shadow:0 7px 20px rgba(20,45,80,.05)
}
.sales-summary-card span{display:block;color:#7b8798;font-size:13px;margin-bottom:8px}
.sales-summary-card strong{font-size:21px;color:#152033}
.sales-summary-card .sales-value{color:#1769d1}
.sales-summary-card .cost-value{color:#d5a51b}
.sales-summary-card .profit-value{color:#27835a}
.sales-table-panel{overflow:hidden}
.sales-table-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sales-table-head h3{margin:0}
.sales-records{
  padding:8px 14px;border-radius:999px;background:#eef5ff;color:#1769d1;font-weight:700;
  white-space:nowrap
}
.sales-table-wrap{overflow-x:auto}
.sales-table{min-width:980px}
.sales-table th{white-space:nowrap}
.sales-table td{vertical-align:middle}
.sales-product strong{display:block;color:#172033;font-size:15px}
.sales-product small{display:block;color:#7b8493;margin-top:4px}
.sales-money{color:#1769d1;font-weight:800}
.sales-cost{color:#d6a51c;font-weight:800}
.sales-profit{color:#27835a;font-weight:800}
.margin-badge{
  display:inline-block;min-width:72px;text-align:center;padding:9px 12px;
  border-radius:999px;background:#dcefe7;color:#2d855f;font-weight:800
}
.margin-badge.unknown{background:#f1f3f6;color:#7a8492;font-size:12px}
.sales-empty{padding:45px!important;text-align:center!important;color:#7b8492}
@media (max-width:900px){
  .sales-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sales-title-card{padding:18px}
  .sales-title-card h3{font-size:21px}
}
@media (max-width:520px){
  .sales-summary-grid{grid-template-columns:1fr 1fr}
  .sales-summary-card{padding:14px}
  .sales-summary-card strong{font-size:17px}
}

/* ===== Orders management — responsive cards ===== */
.orders-page,.order-details-page{display:flex;flex-direction:column;gap:18px}
.orders-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;background:linear-gradient(135deg,#fff,#f7faff)}
.orders-hero-main{display:flex;align-items:center;gap:15px}.orders-hero-icon{width:62px;height:62px;border-radius:19px;background:#eaf3ff;color:#2476df;display:grid;place-items:center;font-size:25px}.orders-hero h3{margin:0;font-size:27px}.orders-hero p{margin:6px 0 0;color:#7d8798;font-size:13px}.orders-monitor{display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid #e0e6ef;border-radius:15px;background:#fbfcfe;color:#68758a;text-decoration:none;font-weight:800}.live-dot{width:12px;height:12px;border-radius:50%;background:#20a567;box-shadow:0 0 0 5px #e4f6ec}
.orders-status-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:12px}.order-status-pill{display:flex;align-items:center;gap:9px;padding:12px 13px;border:1px solid #e1e6ee;border-radius:16px;background:#fff;color:#68758a;text-decoration:none;font-weight:800;min-width:0}.order-status-pill b{margin-inline-start:auto;font-size:17px;color:#172033}.order-pill-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center}.order-status-pill.blue .order-pill-icon{background:#e9f2ff;color:#2879e2}.order-status-pill.green .order-pill-icon{background:#e5f6ed;color:#20905f}.order-status-pill.yellow .order-pill-icon{background:#fff3d8;color:#d69b20}.order-status-pill.red .order-pill-icon{background:#ffe8eb;color:#d83b4b}.order-status-pill.active{border-color:#8bb9f4;background:#f4f8ff}
.orders-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.order-stat-card{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #e2e7ef;border-radius:19px;background:#fff}.order-stat-card>i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:19px}.order-stat-card.blue>i{background:#eaf3ff;color:#2a7be4}.order-stat-card.yellow>i{background:#fff3d8;color:#d39b21}.order-stat-card.red>i{background:#ffe8eb;color:#dc3e4e}.order-stat-card span{display:block;color:#8a95a6;font-size:11px}.order-stat-card strong{display:block;margin-top:4px;font-size:22px;color:#182237}
.orders-search-panel{padding:21px}.orders-search-row{display:grid;grid-template-columns:1fr 180px 180px;gap:11px}.orders-search-input{height:50px;border:1px solid #dde3eb;border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 15px;background:#fff}.orders-search-input i{color:#758196}.orders-search-input input{border:0;outline:0;flex:1;font-family:inherit;font-size:13px}.orders-search-row select{height:50px;border:1px solid #dde3eb;border-radius:15px;background:#fff;padding:0 12px;color:#59667b;font-family:inherit}.orders-result-count{margin-top:12px;color:#8792a4;font-size:11px}.orders-result-count span{font-weight:900;color:#1d2b43}
.orders-list{display:grid;gap:16px}.order-card{padding:0;overflow:hidden}.order-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px;border-bottom:1px solid #edf0f5}.order-id-wrap{display:flex;align-items:center;gap:14px;min-width:0}.order-id-wrap small,.order-info-grid small,.order-card-bottom span,.detail-wide small,.detail-response small{display:block;color:#8b95a6;font-size:10px;margin-bottom:5px}.order-id-wrap strong{display:block;font-size:18px;color:#172033;direction:ltr;text-align:right;overflow-wrap:anywhere}.order-state{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.order-state.blue{background:#e9f2ff;color:#2878df}.order-state.green{background:#dff3e8;color:#20865b}.order-state.yellow{background:#fff0c9;color:#c88d13}.order-state.red{background:#ffe6e9;color:#d73d4d}.order-source{padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900}.order-source.api{background:#e7f8ff;color:#168bb4}.order-source.shop{background:#eef1f5;color:#687488}.order-provider{margin:15px 21px 0;padding:11px 13px;border-radius:13px;background:#f7f9fc;color:#778296;font-size:11px}.order-provider b{color:#29364e}.order-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 21px}.order-info-grid>div{padding:13px;border:1px solid #edf0f4;border-radius:14px;background:#fbfcfe}.order-info-grid strong{display:block;color:#1b263a;font-size:13px;overflow-wrap:anywhere}.order-player{margin:0 21px 15px;padding:13px 15px;border:1px solid #e0e8f5;border-radius:14px;background:#f7faff}.order-player b{display:block;color:#1d2c45;margin-top:4px;direction:ltr;text-align:right;overflow-wrap:anywhere}.order-response{margin:0 21px 15px;padding:15px 16px;border-radius:15px;background:#f1f4f8;color:#49566b;line-height:1.7;font-size:12px;overflow-wrap:anywhere}.order-response.yellow{background:#fff7e4;border-right:4px solid #e3aa2e;color:#8a6518}.order-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 21px;border-top:1px solid #edf0f5}.order-card-bottom strong{display:block;color:#20865b;font-size:20px}.order-details-btn{display:inline-flex;align-items:center;gap:8px;background:#287ce5;color:#fff;text-decoration:none;border-radius:14px;padding:12px 19px;font-weight:900;font-size:12px}.orders-empty{text-align:center;padding:60px 25px}.orders-empty i{font-size:38px;color:#9aa6b8}.orders-empty h3{margin:16px 0 5px}.orders-empty p{margin:0;color:#8994a5}
.order-details-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px}.order-details-hero span:first-child{color:#7f8b9d;font-size:12px}.order-details-hero h3{margin:5px 0 0;font-size:24px;direction:ltr;text-align:right}.order-detail-panel{padding:21px}.order-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.order-detail-grid>div,.detail-wide,.detail-response{padding:16px;border:1px solid #e4e9f0;border-radius:16px;background:#f9fafc}.order-detail-grid small,.detail-wide small,.detail-response small{display:block;color:#8994a5;font-size:10px;margin-bottom:6px}.order-detail-grid strong,.detail-wide strong{display:block;color:#1a263b;font-size:14px;overflow-wrap:anywhere}.detail-wide,.detail-response{margin-top:12px}.detail-response pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-word;font:12px/1.7 inherit;color:#4c586c}.order-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.order-actions form{margin:0}.order-action{border:0;border-radius:13px;padding:12px 22px;font-family:inherit;font-weight:900;cursor:pointer}.order-action.accept{background:#1f9a62;color:#fff}.order-action.reject{background:#e33448;color:#fff}.back-orders{display:inline-block;margin-top:15px;color:#2879df;text-decoration:none;font-weight:800}
@media(max-width:1000px){.orders-status-strip{grid-template-columns:repeat(3,1fr)}.orders-stats-grid{grid-template-columns:repeat(3,1fr)}.orders-search-row{grid-template-columns:1fr 1fr}.orders-search-input{grid-column:1/-1}.order-info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.orders-hero{align-items:stretch;flex-direction:column;padding:20px}.orders-hero h3{font-size:22px}.orders-monitor{justify-content:center}.orders-status-strip{grid-template-columns:repeat(2,1fr)}.orders-stats-grid{grid-template-columns:1fr 1fr}.orders-search-row{grid-template-columns:1fr}.orders-search-input{grid-column:auto}.order-card-top{align-items:flex-start;flex-direction:column}.order-info-grid{grid-template-columns:1fr 1fr;padding:14px}.order-provider,.order-player,.order-response{margin-left:14px;margin-right:14px}.order-card-bottom{align-items:stretch;flex-direction:column}.order-details-btn{justify-content:center}.order-detail-grid{grid-template-columns:1fr}.order-actions{flex-direction:column}.order-action{width:100%}}

/* ===== MINE APP — Sidebar controls + Dark mode ===== */
.sidebar{transition:transform .25s ease,background .25s ease}
.sidebar-close{display:none;border:0;background:#f3f5fa;color:#68758a;width:38px;height:38px;border-radius:11px;cursor:pointer}
.theme-toggle{border:1px solid var(--border);background:#fff;color:#66738a;width:42px;height:42px;border-radius:12px;cursor:pointer;display:grid;place-items:center}
.theme-toggle:hover,.sidebar-close:hover{filter:brightness(.97)}

body[data-theme="dark"]{--bg:#0e1420;--text:#e8edf6;--muted:#9ba8bc;--border:#263145;--shadow:0 8px 30px rgba(0,0,0,.22);background:var(--bg);color:var(--text)}
body[data-theme="dark"] .sidebar,body[data-theme="dark"] .topbar,body[data-theme="dark"] .panel,body[data-theme="dark"] .stat-card,body[data-theme="dark"] .sales-summary-card,body[data-theme="dark"] .order-card,body[data-theme="dark"] .shipping-filter-panel,body[data-theme="dark"] .shipping-list-panel,body[data-theme="dark"] .shipping-detail-panel{background:#151d2b;border-color:#293449;color:#e8edf6}
body[data-theme="dark"] .topbar{border-bottom-color:#293449}
body[data-theme="dark"] .brand{border-bottom-color:#293449}
body[data-theme="dark"] .menu-item{color:#9aa8bd}
body[data-theme="dark"] .menu-item:hover{background:#202a3c;color:#7ea8ff}
body[data-theme="dark"] .menu-item.active{background:#4561ee;color:#fff}
body[data-theme="dark"] .menu-title{color:#68778f}
body[data-theme="dark"] .topbar h2,body[data-theme="dark"] .panel h3,body[data-theme="dark"] .sales-title-card h3,body[data-theme="dark"] strong,body[data-theme="dark"] label{color:#edf2fa}
body[data-theme="dark"] .topbar p,body[data-theme="dark"] .page-head p,body[data-theme="dark"] .panel-head p,body[data-theme="dark"] small,body[data-theme="dark"] .muted{color:#93a0b4}
body[data-theme="dark"] .theme-toggle,body[data-theme="dark"] .mobile-toggle,body[data-theme="dark"] .sidebar-close{background:#202a3b;color:#dbe4f3;border-color:#344157}
body[data-theme="dark"] input,body[data-theme="dark"] textarea,body[data-theme="dark"] select,body[data-theme="dark"] .field input,body[data-theme="dark"] .field textarea,body[data-theme="dark"] .field select{background:#111927!important;color:#e8edf6!important;border-color:#344157!important}
body[data-theme="dark"] input::placeholder,body[data-theme="dark"] textarea::placeholder{color:#68778f}
body[data-theme="dark"] th{background:#101827;color:#a7b3c7}
body[data-theme="dark"] td{color:#c0cad8;border-bottom-color:#293449}
body[data-theme="dark"] .shipping-hero,body[data-theme="dark"] .sales-title-card{background:linear-gradient(135deg,#151d2b,#101827)}
body[data-theme="dark"] .shipping-search,body[data-theme="dark"] .shipping-filter-btn,body[data-theme="dark"] .shipping-total,body[data-theme="dark"] .shipping-table td,body[data-theme="dark"] .shipping-detail-grid>div,body[data-theme="dark"] .shipping-detail-wide{background:#111927;border-color:#303c50}
body[data-theme="dark"] .shipping-filter-btn{color:#aeb9ca}
body[data-theme="dark"] .shipping-filter-btn.active{background:#1d3556;color:#80b0ff;border-color:#4678b9}
body[data-theme="dark"] .shipping-table th{background:#101827}
body[data-theme="dark"] .shipping-id,body[data-theme="dark"] .shipping-view{color:#79aaf7}
body[data-theme="dark"] .order-details-hero,body[data-theme="dark"] .order-detail-grid>div,body[data-theme="dark"] .detail-wide,body[data-theme="dark"] .detail-response{background:#111927;border-color:#303c50}

/* ===== MINE APP — Shipping review ===== */
.shipping-page,.shipping-details-page{display:flex;flex-direction:column;gap:18px}
.shipping-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;background:linear-gradient(135deg,#fff,#f7faff)}
.shipping-hero-main{display:flex;align-items:center;gap:15px}.shipping-hero-icon{width:62px;height:62px;border-radius:19px;background:#eaf3ff;color:#287be2;display:grid;place-items:center;font-size:25px}.shipping-hero h3{margin:0;font-size:27px;color:#172033}.shipping-hero p{margin:5px 0 0;color:#78859a;font-size:13px}.shipping-hero-actions{display:flex;align-items:center;gap:12px}.shipping-export{display:inline-flex;align-items:center;gap:8px;background:#17945f;color:#fff;text-decoration:none;border-radius:14px;padding:13px 18px;font-weight:900}.shipping-total{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border:1px solid #dfe5ee;border-radius:14px;background:#fff;color:#657287;font-weight:900}.shipping-filter-panel{padding:21px}.shipping-filter-form{display:grid;grid-template-columns:1fr auto;gap:12px}.shipping-search{height:52px;border:1px solid #dde3eb;border-radius:15px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 16px}.shipping-search i{color:#6e7b90}.shipping-search input{border:0;outline:0;background:transparent;flex:1;font-family:inherit;font-size:13px;color:#263249}.shipping-filter-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shipping-filter-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:1px solid #dde3eb;border-radius:15px;background:#fff;color:#68758a;text-decoration:none;font-weight:900}.shipping-filter-btn b{min-width:31px;height:27px;border-radius:999px;background:#f2f4f8;display:grid;place-items:center;color:#172033}.shipping-filter-btn.active{background:#eaf3ff;border-color:#91b9e9;color:#2878df}.shipping-filter-btn.yellow.active{background:#fff5df;border-color:#e8c879;color:#c68d18}.shipping-filter-btn.green.active{background:#eaf8f1;border-color:#8bceb0;color:#1e8d5c}.shipping-filter-btn.red.active{background:#ffecee;border-color:#e5a3ab;color:#d33c4d}.shipping-search-submit{display:none}
.shipping-list-panel{padding:0;overflow:hidden}.shipping-list-head{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid #e6ebf2}.shipping-list-head>div>span{display:block;color:#7d899b;font-size:12px;font-weight:700}.shipping-list-head h3{margin:3px 0 0;font-size:23px;color:#172033}.shipping-page-pill{background:#6e7781;color:#fff;padding:8px 14px;border-radius:999px;font-size:11px;font-weight:900}.shipping-table-wrap{overflow:auto}.shipping-table{width:100%;min-width:900px;border-collapse:collapse}.shipping-table th{padding:14px 16px;background:#f8faff;color:#1e283c;font-size:12px;white-space:nowrap}.shipping-table td{padding:19px 16px;border-bottom:1px solid #edf0f5;vertical-align:middle}.shipping-table td strong{display:block;color:#172033;font-size:12px}.shipping-table td small{display:block;margin-top:5px;color:#8994a6;font-size:10px;overflow-wrap:anywhere}.shipping-id{display:inline-flex;padding:9px 13px;border-radius:11px;background:#f2f5f9;color:#26344c;text-decoration:none;font-weight:900}.shipping-amount{color:#20885d!important;font-size:16px!important}.shipping-state{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:900}.shipping-state.yellow{background:#fff0c9;color:#c48c16}.shipping-state.green{background:#dff3e8;color:#20865b}.shipping-state.red{background:#ffe5e8;color:#d53b4d}.shipping-view{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #8bb6e9;border-radius:11px;color:#2878df;text-decoration:none;font-weight:900}.shipping-empty{text-align:center!important;padding:55px!important;color:#8d98aa!important}
.shipping-details-hero{display:flex;align-items:center;justify-content:space-between;padding:23px 27px}.shipping-details-hero span{color:#7d899b;font-size:12px}.shipping-details-hero h3{margin:3px 0 0;font-size:25px;direction:ltr;text-align:right}.shipping-detail-status{padding:10px 25px;border-radius:999px;font-weight:900}.shipping-detail-status.yellow{background:#fff0c9;color:#c48c16}.shipping-detail-status.green{background:#dff3e8;color:#20865b}.shipping-detail-status.red{background:#ffe5e8;color:#d53b4d}.shipping-detail-panel{padding:22px}.shipping-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shipping-detail-grid>div,.shipping-detail-wide{padding:17px;border:1px solid #e4e9f0;border-radius:16px;background:#f9fafc}.shipping-detail-grid small,.shipping-detail-wide small{display:block;color:#8b96a7;font-size:11px;margin-bottom:7px}.shipping-detail-grid strong,.shipping-detail-wide strong{display:block;color:#172033;font-size:14px;overflow-wrap:anywhere}.shipping-detail-wide{margin-top:12px}.shipping-detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.shipping-detail-actions form{margin:0}.shipping-approve,.shipping-reject,.shipping-close{border:0;border-radius:13px;padding:12px 25px;font-family:inherit;font-weight:900;text-decoration:none;cursor:pointer}.shipping-approve{background:#19955f;color:#fff}.shipping-reject{background:#e33649;color:#fff}.shipping-close{display:inline-flex;align-items:center;justify-content:center;border:1px solid #777f88;background:#fff;color:#707986}.shipping-close.full{min-width:150px}
@media(max-width:800px){.sidebar-close{display:grid;place-items:center}.brand{position:relative;padding-left:62px}.sidebar-close{position:absolute;left:18px;top:43px}.shipping-hero{align-items:stretch;flex-direction:column;padding:21px}.shipping-hero h3{font-size:23px}.shipping-hero-actions{justify-content:space-between}.shipping-filter-form{grid-template-columns:1fr}.shipping-filter-buttons{grid-template-columns:1fr 1fr}.shipping-search-submit{display:block;height:48px;border:0;border-radius:13px;background:#287be2;color:#fff;font-weight:900}.shipping-list-head{padding:20px}.shipping-detail-grid{grid-template-columns:1fr}.shipping-detail-actions{flex-direction:column}.shipping-approve,.shipping-reject,.shipping-close{width:100%}}

/* ===== MINE APP — Gift charging codes, screenshot-matched ===== */
.codes-page{display:flex;flex-direction:column;gap:18px}.codes-title-card{display:flex;align-items:center;gap:16px;padding:24px 28px}.codes-title-icon{width:62px;height:62px;border-radius:20px;background:#eaf3ff;color:#287be2;display:grid;place-items:center;font-size:25px}.codes-title-card h3{margin:0;font-size:28px;color:#172033}.codes-title-card p{margin:5px 0 0;color:#78859a;font-size:13px}.codes-create-panel{overflow:hidden;padding:0}.codes-create-head{display:flex;align-items:center;gap:15px;padding:23px 28px;border-bottom:1px solid #e6ebf2;background:#f8faff}.codes-create-icon{width:58px;height:58px;border-radius:18px;background:#eaf8f1;color:#198d5c;display:grid;place-items:center;font-size:25px}.codes-create-head h3{margin:0;font-size:24px;color:#172033}.codes-create-head p{margin:5px 0 0;color:#78859a}.codes-create-form{padding:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.code-field{display:flex;flex-direction:column;gap:9px}.code-field label{font-weight:900;font-size:17px;color:#172033}.code-field input{height:60px;border:1px solid #dde3eb;border-radius:16px;background:#fff;padding:0 20px;outline:0;font:inherit;font-size:15px}.code-field input:focus{border-color:#7eace3;box-shadow:0 0 0 3px rgba(40,123,226,.08)}.codes-create-btn{grid-column:1/-1;height:58px;border:0;border-radius:16px;background:#18945e;color:#fff;font:inherit;font-weight:900;font-size:18px;cursor:pointer}.codes-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.codes-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;border:1px solid #e0e6ee;border-radius:16px;background:#fff;color:#2878df;text-decoration:none;font-weight:900;font-size:17px}.codes-tab b{min-width:34px;height:32px;border-radius:50%;display:grid;place-items:center;background:#6e7781;color:#fff;font-size:13px}.codes-tab.active{background:#287be2;border-color:#287be2;color:#fff;box-shadow:0 5px 18px rgba(40,123,226,.18)}.codes-table-panel{padding:0;overflow:hidden}.codes-table-wrap{overflow:auto}.codes-table{width:100%;min-width:760px;border-collapse:collapse}.codes-table th{padding:16px 14px;background:#f8faff;color:#172033;font-size:14px;white-space:nowrap}.codes-table td{padding:15px 14px;border-bottom:1px solid #edf0f5;vertical-align:middle;text-align:center;font-size:13px}.gift-code{color:#bf4784;font-weight:900;letter-spacing:.3px;direction:ltr;display:inline-block}.copy-mini{width:38px;height:38px;margin-right:8px;border:1px solid #dce3ec;background:#fff;border-radius:11px;color:#6d7888;cursor:pointer}.code-value{color:#27885f;font-size:15px}.code-action{border:0;border-radius:12px;padding:10px 15px;font:inherit;font-weight:900;cursor:pointer}.code-action.revoke{background:#ffe9ec;color:#d33c4d}.code-action.activate{background:#e9f2ff;color:#287be2}.code-used{display:inline-flex;align-items:center;gap:6px;color:#27885f;font-weight:900}.codes-empty{padding:55px!important;color:#8d98aa!important}@media(max-width:800px){.codes-title-card{padding:20px}.codes-title-card h3{font-size:23px}.codes-create-head{padding:20px}.codes-create-form{padding:22px;grid-template-columns:1fr;gap:18px}.codes-create-btn{grid-column:auto}.codes-tabs{gap:7px}.codes-tab{min-height:58px;font-size:14px;gap:6px}.codes-tab b{min-width:30px;height:30px}.codes-table{min-width:720px}.codes-table th,.codes-table td{padding:13px 10px}}body[data-theme="dark"] .codes-title-card,body[data-theme="dark"] .codes-create-panel,body[data-theme="dark"] .codes-table-panel{background:#151d2b;border-color:#293449;color:#e8edf6}body[data-theme="dark"] .codes-title-card h3,body[data-theme="dark"] .codes-create-head h3,body[data-theme="dark"] .code-field label{color:#edf2fa}body[data-theme="dark"] .codes-title-card p,body[data-theme="dark"] .codes-create-head p{color:#93a0b4}body[data-theme="dark"] .codes-create-head{background:#101827;border-bottom-color:#293449}body[data-theme="dark"] .code-field input{background:#111927;border-color:#344157;color:#e8edf6}body[data-theme="dark"] .codes-tab{background:#151d2b;border-color:#344157;color:#8db7f2}body[data-theme="dark"] .codes-tab.active{background:#287be2;color:#fff;border-color:#287be2}body[data-theme="dark"] .codes-table th{background:#101827;color:#e8edf6}body[data-theme="dark"] .codes-table td{border-bottom-color:#293449;color:#c0cad8}body[data-theme="dark"] .copy-mini{background:#111927;border-color:#344157;color:#c0cad8}

/* ===== Payment methods — mobile/screenshot inspired, additive only ===== */
.payments-page{display:flex;flex-direction:column;gap:18px}.payments-top{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.payments-title,.payment-editor-head,.payment-section-head,.existing-brand{display:flex;align-items:center;gap:15px}.payments-title h2,.payment-editor-head h2,.existing-head h2{margin:0;color:#172033;font-size:27px}.payments-title p,.payment-editor-head p,.payment-section-head p,.existing-head p{margin:5px 0 0;color:#7a8698;font-size:13px;line-height:1.8}.payments-icon{width:62px;height:62px;border-radius:20px;background:#eaf3ff;color:#287be2;display:grid;place-items:center;font-size:25px;flex:0 0 auto}.payments-icon.green{background:#e9f8f1;color:#249160}.payments-order{border:1px solid #8eb7df;border-radius:16px;padding:14px 20px;color:#2878df;font-weight:900}.payment-editor{overflow:hidden}.payment-editor-head{padding:24px 28px;background:#f8faff;border-bottom:1px solid #e5eaf1}.payment-form{padding:26px;display:flex;flex-direction:column;gap:18px}.payment-section-card{border:1px solid #e1e6ee;border-radius:22px;background:#f9fafc;padding:24px}.payment-section-head{justify-content:space-between;margin-bottom:18px}.payment-section-head>i{width:48px;height:48px;border-radius:16px;background:#eaf3ff;color:#287be2;display:grid;place-items:center;font-size:20px}.payment-section-head h3{margin:0;font-size:22px;color:#172033}.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pay-field{display:flex;flex-direction:column;gap:8px}.pay-field.full{grid-column:1/-1}.pay-field span,.pay-field>span{font-weight:900;color:#172033;font-size:16px}.pay-field input,.pay-field textarea,.pay-field select{width:100%;box-sizing:border-box;border:1px solid #dde3eb;border-radius:17px;background:#fff;padding:15px 18px;font:inherit;color:#263249;outline:none}.pay-field input{height:58px}.pay-field textarea{resize:vertical;min-height:100px;line-height:1.9}.pay-field input:focus,.pay-field textarea:focus,.pay-field select:focus{border-color:#7eace3;box-shadow:0 0 0 3px rgba(40,123,226,.08)}.transfer-format{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.transfer-format>b{font-size:18px;color:#172033}.transfer-format>span{color:#7a8698}.segmented{display:flex;flex-basis:100%;margin-top:4px}.segmented label{flex:1}.segmented input{position:absolute;opacity:0}.segmented label span{display:block;text-align:center;padding:14px;border:1px solid #8fb7e0;background:#fff;color:#2878df;font-weight:900;cursor:pointer}.segmented label:first-child span{border-radius:0 14px 14px 0}.segmented label:last-child span{border-radius:14px 0 0 14px}.segmented input:checked+span{background:#287be2;color:#fff}.pay-help{color:#7a8698;font-size:13px;margin:8px 0 0}.empty-fields{border:1px dashed #cbd3de;border-radius:20px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#6f7b8d}.empty-fields i{font-size:38px;color:#287be2;background:#eaf3ff;border-radius:18px;padding:15px}.empty-fields strong{font-size:20px;color:#172033}.choice-box{border:1px solid #e0e5ec;border-radius:20px;background:#fff;padding:18px;margin-top:14px}.choice-box.full{grid-column:1/-1}.choice-box h3{margin:0;color:#172033;font-size:20px}.choice-box p{margin:5px 0 13px;color:#7b8799}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e1e6ee;background:#f7f9fc;border-radius:15px;font-weight:800;color:#263249}.choice input{width:20px;height:20px;accent-color:#287be2}.muted-empty{color:#8792a2;padding:12px}.option-list{display:flex;flex-direction:column;gap:12px}.option-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:72px;border:1px solid #e0e5ec;background:#fff;border-radius:19px;padding:0 18px;position:relative}.option-row span{display:flex;flex-direction:column;gap:5px}.option-row b{font-size:19px;color:#172033}.option-row small{color:#7b8799;font-size:12px;line-height:1.7}.toggle-input{position:absolute;opacity:0}.toggle-ui{width:76px;height:40px;border:1px solid #b8c0cb;border-radius:999px;background:#fff;position:relative;cursor:pointer;flex:0 0 auto}.toggle-ui:after{content:"";position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:50%;background:#bfc3c8;transition:.2s}.toggle-input:checked+.toggle-ui{background:#287be2;border-color:#287be2}.toggle-input:checked+.toggle-ui:after{right:40px;background:#fff}.pay-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:5px}.payment-save-btn{height:62px;border:0;border-radius:17px;background:#287be2;color:#fff;font:inherit;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(40,123,226,.15)}.payment-save-btn.small{height:56px;font-size:16px}.existing-payments{padding:0;overflow:hidden}.existing-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5eaf1}.existing-head>span{padding:9px 15px;border-radius:999px;background:#6f7780;color:#fff;font-weight:900}.payment-cards{padding:20px;display:flex;flex-direction:column;gap:18px}.existing-card{border:1px solid #dfe5ed;border-radius:24px;background:#fbfcfe;overflow:hidden}.existing-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;background:#f8faff;border-bottom:1px solid #e6ebf2}.existing-brand img{width:70px;height:70px;border-radius:18px;object-fit:cover;border:1px solid #e0e5ec;background:#fff}.existing-brand h3{margin:0;color:#172033;font-size:21px}.existing-brand small{display:block;margin-top:6px;color:#7a8698;max-width:520px}.existing-badges{display:flex;gap:7px;flex-wrap:wrap}.badge-pill{padding:8px 12px;border-radius:999px;background:#edf1f6;color:#58667a;font-weight:900;font-size:11px}.badge-pill.on{background:#dff3e8;color:#20865b}.badge-pill.off{background:#ffe5e8;color:#d53b4d}.compact{padding:22px}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-options .option-row{min-height:62px}.payment-empty{padding:60px;text-align:center;color:#8994a5}.payment-empty i{font-size:45px;color:#287be2}.payment-empty h3{color:#172033;margin:12px 0 5px}
@media(max-width:800px){.payments-top{padding:20px;align-items:stretch;flex-direction:column}.payments-title h2,.payment-editor-head h2,.existing-head h2{font-size:23px}.payments-order{width:100%;box-sizing:border-box;text-align:center}.payment-editor-head{padding:20px}.payment-form{padding:18px}.payment-section-card{padding:18px;border-radius:20px}.payment-grid,.pay-numbers,.choices,.option-grid{grid-template-columns:1fr}.pay-field.full,.choice-box.full{grid-column:auto}.payment-section-head{align-items:flex-start}.payment-section-head h3{font-size:19px}.option-row{min-height:68px}.existing-head{padding:20px;align-items:flex-start;gap:10px}.existing-head>span{white-space:nowrap}.payment-cards{padding:12px}.existing-card-head{align-items:flex-start;flex-direction:column}.existing-brand{align-items:flex-start}.existing-brand .payments-icon{width:54px;height:54px}.existing-brand img{width:58px;height:58px}.existing-badges{width:100%}}
body[data-theme="dark"] .payments-top,body[data-theme="dark"] .payment-editor,body[data-theme="dark"] .existing-payments,body[data-theme="dark"] .existing-card{background:#151d2b;border-color:#293449}body[data-theme="dark"] .payment-editor-head,body[data-theme="dark"] .existing-card-head{background:#101827;border-color:#293449}body[data-theme="dark"] .payments-title h2,body[data-theme="dark"] .payment-editor-head h2,body[data-theme="dark"] .payment-section-head h3,body[data-theme="dark"] .existing-head h2,body[data-theme="dark"] .existing-brand h3,body[data-theme="dark"] .pay-field span,body[data-theme="dark"] .option-row b,body[data-theme="dark"] .choice-box h3,body[data-theme="dark"] .empty-fields strong{color:#edf2fa}body[data-theme="dark"] .payment-section-card{background:#111927;border-color:#293449}body[data-theme="dark"] .pay-field input,body[data-theme="dark"] .pay-field textarea,body[data-theme="dark"] .pay-field select,body[data-theme="dark"] .choice-box,body[data-theme="dark"] .option-row{background:#151d2b;border-color:#344157;color:#e8edf6}body[data-theme="dark"] .choice{background:#111927;border-color:#344157;color:#dfe6f0}body[data-theme="dark"] .existing-brand small,body[data-theme="dark"] .payment-section-head p,body[data-theme="dark"] .payments-title p,body[data-theme="dark"] .payment-editor-head p,body[data-theme="dark"] .existing-head p,body[data-theme="dark"] .choice-box p,body[data-theme="dark"] .option-row small{color:#93a0b4}


/* Currency management UI - additive only */
.currencies-page{display:flex;flex-direction:column;gap:18px}.currencies-hero{padding:24px 28px}.currencies-title{display:flex;align-items:center;gap:15px}.currencies-title h2{margin:0;color:#172033;font-size:28px}.currencies-title p{margin:6px 0 0;color:#7a8698;font-size:13px}.currency-editor,.dollar-display-card,.currency-table-card,.legacy-rate-card{overflow:hidden}.currency-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;background:#f8faff;border-bottom:1px solid #e5eaf1}.currency-head h3,.dollar-display-card h3,.legacy-rate-card h3{margin:0;color:#172033;font-size:22px}.currency-head p,.dollar-display-card p,.legacy-rate-card p{margin:6px 0 0;color:#7a8698;line-height:1.8}.currency-head>i{width:48px;height:48px;border-radius:16px;background:#e9f8f1;color:#249160;display:grid;place-items:center;font-size:20px}.currency-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:22px}.currency-field{display:flex;flex-direction:column;gap:8px}.currency-field span{font-weight:900;color:#172033}.currency-field input,.currency-inline-form input,.legacy-rate-card input{height:52px;box-sizing:border-box;border:1px solid #dde3eb;border-radius:15px;background:#fff;padding:12px 14px;font:inherit;color:#263249;outline:none}.currency-save{height:52px;border:0;border-radius:15px;background:#19955f;color:#fff;font:inherit;font-weight:900;cursor:pointer;align-self:end}.currency-save.blue{background:#287be2}.dollar-display-card{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dollar-setting-form{display:flex;align-items:center;gap:18px}.currency-switch{display:block}.currency-switch input{position:absolute;opacity:0}.currency-switch span{display:block;width:76px;height:40px;border:1px solid #b8c0cb;border-radius:999px;background:#fff;position:relative;cursor:pointer}.currency-switch span:after{content:"";position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:50%;background:#bfc3c8;transition:.2s}.currency-switch input:checked+span{background:#287be2;border-color:#287be2}.currency-switch input:checked+span:after{right:40px;background:#fff}.currency-table-wrap{overflow-x:auto}.currency-table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}.currency-table th{background:#f6f8fc;color:#172033;font-weight:900;padding:16px;text-align:right;border-bottom:1px solid #dfe5ed}.currency-table td{padding:16px;border-bottom:1px solid #e6ebf2;vertical-align:middle;color:#263249}.currency-code{display:inline-flex;padding:9px 16px;border-radius:14px;background:#dbe9ff;color:#2874d2;font-weight:900}.currency-table td small{color:#7a8698}.currency-inline-form{display:grid;grid-template-columns:1.2fr .8fr 1fr .6fr 42px;gap:7px;min-width:500px}.currency-inline-form input{height:46px}.currency-mini-save{border:0;border-radius:12px;background:#19955f;color:#fff;cursor:pointer}.currency-hint{display:block;color:#7a8698;font-size:12px;margin-top:6px}.visibility-pill{display:inline-flex;padding:8px 12px;border-radius:999px;font-weight:900;font-size:12px}.visibility-pill.visible{background:#dff3e8;color:#20865b}.visibility-pill.hidden{background:#ffe5e8;color:#d53b4d}.currency-actions form{margin:0}.currency-eye{border:1px solid #8eb7df;border-radius:12px;background:#fff;color:#2878df;padding:9px 13px;font-weight:900;cursor:pointer}.currency-empty{text-align:center!important;padding:50px!important;color:#8994a5!important}.legacy-rate-card{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.legacy-rate-card form{display:flex;align-items:center;gap:10px}.legacy-rate-card input{min-width:190px}.payment-card-actions{display:flex;gap:10px;padding:0 22px 22px}.payment-card-actions form{margin:0}.payment-action-toggle,.payment-action-delete{border:1px solid #cfd7e2;border-radius:12px;background:#fff;padding:10px 14px;font:inherit;font-weight:900;cursor:pointer}.payment-action-toggle{color:#2878df}.payment-action-delete{color:#d53b4d;border-color:#e8b8be}
@media(max-width:900px){.currency-grid{grid-template-columns:1fr 1fr}.currency-grid .currency-save{grid-column:1/-1}.dollar-display-card,.legacy-rate-card{align-items:stretch;flex-direction:column}.legacy-rate-card form{width:100%}.legacy-rate-card input{flex:1}.currency-inline-form{grid-template-columns:1fr 1fr}.payment-card-actions{flex-direction:column}.payment-card-actions button{width:100%}}
@media(max-width:600px){.currencies-hero,.currency-head,.dollar-display-card,.legacy-rate-card{padding:18px}.currency-grid{grid-template-columns:1fr;padding:18px}.currency-grid .currency-save{grid-column:auto}.currency-head h3,.dollar-display-card h3,.legacy-rate-card h3{font-size:19px}.legacy-rate-card form{flex-direction:column}.legacy-rate-card input,.legacy-rate-card button{width:100%}}
body[data-theme="dark"] .currency-head,body[data-theme="dark"] .currency-table th{background:#101827;border-color:#293449}body[data-theme="dark"] .currencies-hero,body[data-theme="dark"] .currency-editor,body[data-theme="dark"] .dollar-display-card,body[data-theme="dark"] .currency-table-card,body[data-theme="dark"] .legacy-rate-card{background:#151d2b;border-color:#293449}body[data-theme="dark"] .currencies-title h2,body[data-theme="dark"] .currency-head h3,body[data-theme="dark"] .dollar-display-card h3,body[data-theme="dark"] .legacy-rate-card h3,body[data-theme="dark"] .currency-field span,body[data-theme="dark"] .currency-table th{color:#edf2fa}body[data-theme="dark"] .currency-field input,body[data-theme="dark"] .currency-inline-form input,body[data-theme="dark"] .legacy-rate-card input,body[data-theme="dark"] .currency-eye{background:#151d2b;border-color:#344157;color:#e8edf6}


/* ===== Profits register — matching the requested finance dashboard ===== */
.profits-page{display:flex;flex-direction:column;gap:18px}.profits-title-card{display:flex;align-items:center;gap:16px;padding:24px 28px;background:linear-gradient(135deg,#fff,#f7faff);border-radius:22px}.profits-title-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:#eaf3ff;color:#2879df;font-size:25px}.profits-title-card h3{margin:0;font-size:27px}.profits-title-card p{margin:6px 0 0;color:#7d8798;font-size:13px}.profits-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.profit-period-card{min-height:110px;padding:22px 24px;border:1px solid #e3e8f0;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:16px;box-shadow:0 9px 28px rgba(20,45,80,.05)}.profit-period-card span{display:block;color:#7e899a;font-size:15px;font-weight:800;margin-bottom:4px}.profit-period-card strong{display:block;font-size:31px;font-weight:950}.profit-period-card.today strong{color:#27835a}.profit-period-card.month strong{color:#2879df}.profit-period-card.year strong{color:#25a8c6}.profit-period-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;font-size:22px;background:#edf7f1;color:#27835a}.profit-period-card.month .profit-period-icon{background:#edf3ff;color:#2879df}.profit-period-card.year .profit-period-icon{background:#ebf9fc;color:#25a8c6}.profits-filter-panel{padding:22px;display:grid;grid-template-columns:1fr 2fr;gap:16px}.profits-filter-field label{display:block;margin-bottom:8px;font-size:13px;font-weight:900}.profits-filter-field select,.profits-search{width:100%;height:52px;border:1px solid #dde3eb;border-radius:15px;background:#fff}.profits-filter-field select{padding:0 14px;font-family:inherit;color:#59667b}.profits-search{display:flex;overflow:hidden}.profits-search input{flex:1;border:0;outline:0;padding:0 16px;font-family:inherit;font-size:14px}.profits-search button{width:58px;border:0;border-right:1px solid #e2e6ec;background:#fff;color:#24334c;font-size:17px;cursor:pointer}.profits-stat-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.profit-stat-card{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid #e2e7ef;border-radius:20px;background:#fff}.profit-stat-card span{display:block;color:#8a95a6;font-size:12px;margin-bottom:7px}.profit-stat-card strong{font-size:25px;color:#182237}.profit-stat-card i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#edf3ff;color:#2879df;font-size:19px}.profit-stat-card.sales i{background:#edf3ff;color:#2879df}.profit-stat-card.cost i{background:#fff6df;color:#d9a31d}.profit-stat-card.net i{background:#e8f7ef;color:#27835a}.profit-stat-card.sales strong{color:#2879df}.profit-stat-card.cost strong{color:#d9a31d}.profit-stat-card.net strong{color:#27835a}.profits-table-panel{overflow:hidden}.profits-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.profits-records{padding:8px 14px;border-radius:999px;background:#eef5ff;color:#2879df;font-weight:800}.profits-table-wrap{overflow-x:auto}.profits-table{min-width:900px}.profits-table th{white-space:nowrap}.profits-table td{vertical-align:middle}.profits-product strong{display:block;color:#172033;font-size:15px}.profits-product small{display:block;color:#7b8493;margin-top:4px}.profits-money{color:#2879df;font-weight:900}.profits-cost{color:#d9a31d;font-weight:900}.profits-profit{color:#27835a;font-weight:900}.profit-margin{display:inline-block;min-width:72px;text-align:center;padding:8px 11px;border-radius:999px;background:#dff3e8;color:#27835a;font-weight:800}.profit-margin.unknown{background:#f1f3f6;color:#7b8492;font-size:11px}.profits-empty{padding:50px!important;text-align:center!important;color:#8b96a7}.profits-empty i{font-size:36px;color:#a4afbe}.profits-empty h3{margin:12px 0 5px;color:#253148}.profits-empty p{margin:0}.profits-page .panel{box-shadow:0 9px 28px rgba(20,45,80,.045)}
@media(max-width:900px){.profits-summary-grid{grid-template-columns:1fr 1fr}.profits-stat-list{grid-template-columns:1fr 1fr}.profits-filter-panel{grid-template-columns:1fr}.profits-title-card{padding:20px}.profits-title-card h3{font-size:23px}}
@media(max-width:600px){.profits-summary-grid{grid-template-columns:1fr}.profit-period-card{min-height:98px;padding:18px}.profit-period-card strong{font-size:26px}.profits-stat-list{grid-template-columns:1fr 1fr}.profit-stat-card{padding:15px}.profit-stat-card strong{font-size:19px}.profit-stat-card i{width:42px;height:42px}.profits-filter-panel{padding:17px}}