#catkissfish-root{--ckf-primary-color: #fa541c;--ckf-background-color: #f0f2f5;--ckf-text-color: #333;--ckf-border-radius: 8px;--ckf-spacing: 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--ckf-text-color);width:100%;height:100%;overflow:visible;box-sizing:border-box;padding:43px;background-color:#f5f5f5}#catkissfish-root *,#catkissfish-root *:before,#catkissfish-root *:after{box-sizing:inherit}#catkissfish-root .app{display:flex;flex-direction:column;width:100%;height:100%}#catkissfish-root .app-header{background-color:#f5f5f5;color:#333;display:flex;padding-bottom:23px;justify-content:space-between;align-items:center}#catkissfish-root .header-brand{display:flex;align-items:center;gap:2rem}#catkissfish-root .brand-logo{display:flex;align-items:center;gap:.5rem}#catkissfish-root .brand-name{font-size:1.25rem;font-weight:700;color:#333}#catkissfish-root .go-to-link{color:#ff7a45;text-decoration:none;font-size:1.285rem}#catkissfish-root .go-to-link:hover{text-decoration:underline}#catkissfish-root .store-info{display:flex;align-items:center;gap:1rem}#catkissfish-root .store-version{background-color:#646cff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}#catkissfish-root .app-main{flex:1;background-color:#f5f5f5}#catkissfish-root .auth-section{max-width:600px;margin:0 auto;border-radius:8px;text-align:center}#catkissfish-root .auth-section h2{margin:0 auto;line-height:4.857rem;color:#101010;font-size:2rem;text-align:center}#catkissfish-root .auth-section p{line-height:1.428rem;margin:0;color:#101010;font-size:1rem;text-align:center}#catkissfish-root .connect-button{background-color:#ff7a45;color:#fff;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;margin-top:1.642rem;transition:background-color .2s ease}#catkissfish-root .connect-button:hover{background-color:#ff5a1f}#catkissfish-root .dashboard-section{display:grid;grid-template-columns:1fr 325px;gap:2rem;align-items:start}#catkissfish-root .main-content{display:flex;flex-direction:column}#catkissfish-root .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}#catkissfish-root .sidebar{background:#fff;padding:3.07rem;height:fit-content}#catkissfish-root .sidebar-menu{display:flex;flex-wrap:wrap}#catkissfish-root .menu-link{display:block;text-decoration:none;width:50%;color:inherit}#catkissfish-root .menu-item{display:flex;flex-direction:column;align-items:center;gap:.57rem;cursor:pointer;padding:1rem;border-radius:8px;transition:all .2s ease}#catkissfish-root .menu-link:hover .menu-item{background-color:#fff3e0}#catkissfish-root .menu-link .menu-item img{width:50px;height:50px}#catkissfish-root .menu-link:hover .menu-item span{color:#ff5700}#catkissfish-root .menu-item svg{width:24px;height:24px}#catkissfish-root .menu-item span{text-align:center;transition:color .2s ease;line-height:2rem;color:#9a9a9a;font-size:1.428rem}#catkissfish-root .stat-card{background:#fff;padding:1.28rem 1.85rem;background-color:#fff}#catkissfish-root .stat-card img{width:1.714rem;height:1.714rem}#catkissfish-root .stat-card h3{margin-top:0;font-size:1.428rem;line-height:1.428rem;color:#333}#catkissfish-root .title-with-tooltip{display:flex;align-items:center;gap:.5rem;margin-bottom:2.428rem}#catkissfish-root .title-with-tooltip h3{margin:0}#catkissfish-root .tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#f0f0f0;border-radius:50%;font-size:.9rem;font-weight:700;color:#666;cursor:default;position:relative}#catkissfish-root .tooltip-icon:hover{background-color:#e0e0e0}#catkissfish-root .card-content{display:flex;justify-content:space-between}#catkissfish-root .stat-item{width:40%;display:flex;gap:1.07rem}#catkissfish-root .stat-item:nth-child(1){border-right:1px solid rgba(239,239,239,1)}#catkissfish-root .stat-icon{display:flex;width:60px;height:60px;background-color:#ff5b0012;align-items:center;justify-content:center}#catkissfish-root .info-content .stat-label{color:#9a9a9a;font-size:1.428rem}#catkissfish-root .stat-icon img{width:32px;height:32px}#catkissfish-root .stat-value{font-size:1.5rem;font-weight:700;color:#333}#catkissfish-root .stat-label{font-size:.9rem;color:#666}#catkissfish-root .status-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}#catkissfish-root .status-item{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid #eee}#catkissfish-root .status-item:last-child{border-bottom:none}#catkissfish-root .status-green{color:#10b981;font-weight:500}#catkissfish-root .card-stats{margin:1rem 0;padding:1rem;background-color:#f8f9fa;border-radius:4px;text-align:center}#catkissfish-root .data-section{background:#fff;padding:1.857rem 2.571rem;margin-top:34px}.reconnect-btn{width:95px;height:36px;color:#fff;font-size:14px;line-height:36px;text-align:center;cursor:pointer;background-color:#ff5b00}#catkissfish-root .data-section h3{margin-top:0;margin-bottom:1rem;line-height:2rem;color:#000;font-size:1.428rem}#catkissfish-root .order-table-container{overflow-x:auto}#catkissfish-root .order-table{width:100%;border-collapse:collapse;border:1px solid #ccc;margin-bottom:1.5rem}#catkissfish-root .order-table tr:nth-child(2n){background-color:#f2f2f2}#catkissfish-root .order-table th,#catkissfish-root .order-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}#catkissfish-root .order-table th{background-color:#f5f5f5;font-weight:600;color:#333}#catkissfish-root .order-table tr:hover{background-color:#f9f9f9}#catkissfish-root .unpaid-order{background-color:#fff7f7}#catkissfish-root .pagination{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.214rem}#catkissfish-root .page-btn{padding:.5rem .75rem;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}#catkissfish-root .page-btn:hover{border-color:#ff7a45;color:#ff7a45}#catkissfish-root .page-btn.active{background-color:#ff7a45;color:#fff;border-color:#ff7a45}#catkissfish-root .page-btn:disabled{opacity:.5;cursor:not-allowed}#catkissfish-root .sync-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}#catkissfish-root .sync-buttons{display:flex;gap:1rem;margin:1rem 0}#catkissfish-root .sync-buttons button{background-color:#ff7a45;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}#catkissfish-root .sync-buttons button:hover{background-color:#ff5a1f}#catkissfish-root .sync-status{margin-top:1rem;padding:.75rem;background-color:#e0f2fe;border-left:4px solid #3b82f6;border-radius:4px}#catkissfish-root .dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}#catkissfish-root .card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease}#catkissfish-root .card:hover{transform:translateY(-5px)}#catkissfish-root .card h4{margin-top:0;margin-bottom:.5rem}#catkissfish-root .card p{margin-bottom:1rem;color:#666}#catkissfish-root .card button{background-color:#ff7a45;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}#catkissfish-root .card button:hover{background-color:#ff5a1f}#catkissfish-root .app-footer{background-color:#1a1a1a;color:#fff;padding:1rem 2rem;text-align:center;margin-top:auto}#catkissfish-root .app-footer p{margin:0;font-size:.9rem}@media (max-width: 1024px){#catkissfish-root .dashboard-section{grid-template-columns:1fr}#catkissfish-root .sidebar{order:-1}#catkissfish-root .sidebar-menu{flex-direction:row;justify-content:space-around}#catkissfish-root .menu-item{flex-direction:column;align-items:center}}@media (max-width: 768px){#catkissfish-root .app-header,#catkissfish-root .header-brand{flex-direction:column;gap:1rem;text-align:center}#catkissfish-root .brand-logo{justify-content:center}#catkissfish-root .store-info{flex-direction:column;gap:.5rem}#catkissfish-root .app-main{padding:1rem}#catkissfish-root .stats-section{grid-template-columns:1fr}#catkissfish-root .sync-buttons{flex-direction:column}#catkissfish-root .dashboard-cards{grid-template-columns:1fr}#catkissfish-root .sidebar-menu{flex-direction:column;align-items:stretch}#catkissfish-root .menu-item{flex-direction:row;justify-content:flex-start;gap:1rem}#catkissfish-root .order-table th,#catkissfish-root .order-table td{padding:.5rem;font-size:.9rem}}#catkissfish-root .loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #FF7A45;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#catkissfish-root .loading-container,#catkissfish-root .loading-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}#catkissfish-root .loading-container p,#catkissfish-root .loading-stats p{color:#666;margin:0}#catkissfish-root .error-message{background-color:#fff5f5;border:1px solid #ffcccc;border-radius:4px;padding:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;grid-column:1 / -1}#catkissfish-root .error-message p{color:#c00;margin:0}#catkissfish-root .error-message button{background-color:#ff7a45;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .3s ease}#catkissfish-root .error-message button:hover{background-color:#ff6a35}#catkissfish-root .empty-state{display:flex;align-items:center;justify-content:center;padding:48px;background-color:#f9f9f9;border:1px dashed #e5e5e5}#catkissfish-root .empty-state p{color:#999;margin:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:14px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f5f5f5}a:hover{color:#747bff}button{background-color:#f9f9f9}}
