:root{--bg-color:#f3f4f6;--sidebar-bg:#ffffff;--card-bg:#ffffff;--text-primary:#1f2937;--text-secondary:#6b7280;--accent-color:#4f46e5;--accent-hover:#4338ca;--border-color:#e5e7eb;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);height:100vh;overflow:hidden}._0{display:flex;height:100vh}._1{width:250px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s;z-index:10}._1.collapsed{width:64px}._2{height:64px;display:flex;align-items:center;padding:0 20px;font-size:1.25rem;font-weight:700;color:var(--accent-color);border-bottom:1px solid var(--border-color);gap:10px;white-space:nowrap;overflow:hidden}._3{flex:1;padding:20px 0;overflow-y:auto}._3 ul{list-style:none}._3 li{padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--text-secondary);transition:all .2s;white-space:nowrap}._3 li:hover{background-color:rgba(0,0,0,.05);color:var(--accent-color)}._3 li.active{background-color:var(--accent-color);color:#fff}._4{padding:20px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}._5{display:flex;align-items:center;gap:10px;overflow:hidden}._5 img{width:32px;height:32px;border-radius:50%}._5 div{white-space:nowrap}._1.collapsed ._2 span,._1.collapsed ._4 button,._1.collapsed ._5 div{display:none}#_1e{background:0 0;border:none;color:var(--text-secondary);cursor:pointer}._6{flex:1;display:flex;flex-direction:column;overflow:hidden}._7{height:64px;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:var(--shadow)}#_1f{background:0 0;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;display:none}._8{display:none;font-weight:700;font-size:1.2rem;color:var(--accent-color)}._9{display:flex;align-items:center;gap:20px}._a{font-family:monospace;font-weight:700;color:var(--danger-color);background:rgba(239,68,68,.1);padding:5px 10px;border-radius:4px}._b{flex:1;padding:20px;overflow-y:auto;display:none}._b.active{display:block}._c{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:20px}._d{background-color:var(--card-bg);padding:20px;border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:center;gap:15px;position:relative;overflow:hidden}._e{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}._d.primary ._e{background:rgba(79,70,229,.1);color:var(--accent-color)}._d.success ._e{background:rgba(16,185,129,.1);color:var(--success-color)}._d.warning ._e{background:rgba(245,158,11,.1);color:var(--warning-color)}._f h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:5px}._g{font-size:1.5rem;font-weight:700}._h{position:absolute;right:20px;top:20px;padding:4px 8px;font-size:.75rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer}._i{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}._j{background-color:var(--card-bg);border-radius:10px;box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column}._k{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}._k h3{font-size:1.1rem}._l{display:flex;gap:10px}._m{background:0 0;border:none;padding:5px 10px;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s}._m.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:700}._n{position:relative;overflow:hidden;height:180px}._o{display:flex;transition:transform .5s ease;height:100%}._p{min-width:100%;display:flex;align-items:center;padding:10px;gap:15px}._p img{width:100px;height:100px;object-fit:cover;border-radius:8px}._q h4{margin-bottom:5px}._q p{color:var(--accent-color);font-weight:700}._r button{background:0 0;border:1px solid var(--border-color);width:24px;height:24px;border-radius:4px;cursor:pointer;color:var(--text-secondary)}._s{border-bottom:1px solid var(--border-color)}._t{padding:12px 0;cursor:pointer;display:flex;justify-content:space-between;font-weight:500}._u{padding-bottom:12px;color:var(--text-secondary);font-size:.9rem;display:none}._s.active ._u{display:block}._s.active ._t{color:var(--accent-color)}._v{overflow-x:auto}._w{width:100%;border-collapse:collapse}._w td,._w th{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}._w th{color:var(--text-secondary);font-weight:500;font-size:.9rem}.status-badge{padding:2px 8px;border-radius:10px;font-size:.75rem}.status-paid{background:rgba(16,185,129,.1);color:var(--success-color)}.status-pending{background:rgba(245,158,11,.1);color:var(--warning-color)}.status-shipped{background:rgba(79,70,229,.1);color:var(--accent-color)}._x{background:var(--accent-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}._y{background:var(--danger-color);color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8rem}._z{padding:4px 8px;font-size:.8rem}.pagination{display:flex;justify-content:flex-end;align-items:center;padding:15px 0;gap:10px}.pagination button{background:#fff;border:1px solid var(--border-color);padding:5px 10px;border-radius:4px;cursor:pointer;color:var(--text-secondary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-size:.9rem}._10{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}._11{display:flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}._12{background:var(--accent-color);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px}._12 .amount{font-size:1.5rem;font-weight:700}._12 ._13{font-size:.8rem;opacity:.9}._14{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}._14 h4{margin-bottom:5px}._14 p{font-size:.8rem;color:var(--text-secondary);margin-bottom:10px}._15{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s}._15.open{opacity:1;pointer-events:auto}._16{background:var(--card-bg);width:500px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}._17{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}._18{padding:20px}._19{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}._1a{background:0 0;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-secondary)}._1b{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block}._1c{margin-bottom:15px}._1c label{display:block;margin-bottom:5px;font-weight:500}._1c input,._1c select{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:4px}.toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast{background:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;gap:10px;min-width:300px;transform:translateX(120%);transition:transform .3s ease;border-left:4px solid var(--accent-color)}.toast.show{transform:translateX(0)}.toast.success{border-left-color:var(--success-color)}.toast.error{border-left-color:var(--danger-color)}.toast.info{border-left-color:var(--accent-color)}.toast-icon{font-size:1.2rem}.toast.success .toast-icon{color:var(--success-color)}.toast.error .toast-icon{color:var(--danger-color)}.toast.info .toast-icon{color:var(--accent-color)}@media (max-width:1024px){._i{grid-template-columns:1fr}}@media (max-width:768px){#_1f{display:block}._8{display:block}._1{position:fixed;top:64px;left:0;width:100%;height:auto;max-height:calc(100vh - 64px);transform:translateY(-150%);transition:transform .3s ease-in-out;border-right:none;border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}._1.open{transform:translateY(0)}._2{display:none}._4{display:none}._1d{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background:rgba(0,0,0,.5);z-index:9;display:none;opacity:0;transition:opacity .3s}._1d.show{display:block;opacity:1}._c{grid-template-columns:1fr}}