:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ink:#1b1d22;--paper:#fff;--card-bg:#fff;--slate:#5c6470;--line:#e7e5e0;--brass:#c08a3e;--brass-dim:#a87935;--brass-bg:#c08a3e14;--jade:#2f6b4f;--rust:#b5533c;--chip-bg:#0000000d;--bg:#f7f6f3;--text:var(--ink);--text-2:var(--slate);--border:var(--line);--sidebar-w:230px}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--paper:#20242b;--card-bg:#20242b;--text:#f0eee9;--text-2:#8a909a;--border:#2d323b;--ink:#f0eee9;--line:#2d323b;--brass-bg:#c08a3e24;--chip-bg:#ffffff14}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;max-width:100vw;font-size:100%;overflow-x:hidden}button,a,[role=button],.tappable,.mobile-data-card,.icon-btn{touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (pointer:coarse){input,textarea,select{font-size:16px!important}}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:right;direction:rtl;max-width:100vw;font-family:Zain,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.6;position:relative;overflow-x:hidden}.page-title{word-break:break-word;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.35}.section-title{font-size:19px;font-weight:700}.body-text{font-size:17px;font-weight:400}.meta-text{color:var(--text-2);font-size:14px;font-weight:400}.stat-number{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.tabular{font-variant-numeric:tabular-nums}.app-shell{width:100%;max-width:100vw;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.app-main-wrapper{flex-direction:column;flex:1;min-width:0;max-width:100vw;height:100dvh;display:flex;overflow:hidden auto}.app-main-body{flex:1;min-width:0;max-width:100vw;overflow-x:hidden}.main-content{box-sizing:border-box;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:32px 40px}.desktop-sidebar{width:var(--sidebar-w);background:var(--bg);border-left:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;justify-content:space-between;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding:4px 8px 20px;display:flex}.sidebar-brand-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:38px;max-width:38px;height:38px;max-height:38px;box-shadow:0 2px 8px #0000001a}.sidebar-brand-title{color:var(--text);font-size:17px;font-weight:800;line-height:1.2}.sidebar-brand-sub{color:var(--text-2);margin-top:2px;font-size:12px;font-weight:600}.sidebar-nav-list{flex-direction:column;gap:4px;display:flex}.nav-pill{color:var(--text-2);cursor:pointer;transition:all .14s var(--ease-out);text-align:right;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:Zain,sans-serif;font-size:15px;font-weight:600;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.nav-pill:hover{color:var(--text);background:#0000000a}}@media (prefers-color-scheme:dark) and (hover:hover) and (pointer:fine){.nav-pill:hover{background:#ffffff0d}}.nav-pill.active{color:var(--brass);background:var(--brass-bg);font-weight:800}.nav-icon{opacity:.75;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-pill.active .nav-icon{opacity:1;color:var(--brass)}.nav-label{flex:1}.nav-indicator{background:var(--brass);border-radius:50%;width:6px;height:6px}.sidebar-user-panel{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.sidebar-user-info{align-items:center;gap:10px;padding:2px 4px;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--brass), #8b6226);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex;box-shadow:0 2px 6px #c08a3e40}.sidebar-user-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-user-email{color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:ltr;font-size:13px;font-weight:700;overflow:hidden}.sidebar-user-role{color:var(--brass);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 8px #22c55e99}.sidebar-actions{flex-direction:column;gap:6px;display:flex}.mobile-header,.mobile-bottom-bar{display:none}.glass-dock-wrapper{display:none!important}@media (width<=767px){.glass-dock-wrapper{padding:0 12px calc(14px + env(safe-area-inset-bottom,0px)) 12px;z-index:800;pointer-events:none;transition:transform .22s var(--ease-drawer), opacity .2s ease;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;right:0;display:flex!important}}body.modal-open .glass-dock-wrapper{opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}.glass-dock{-webkit-backdrop-filter:blur(28px)saturate(190%);touch-action:manipulation;direction:ltr;background:#ffffffd9;border:1px solid #ffffffa6;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;position:relative;box-shadow:0 16px 40px #0000001f,0 2px 8px #0000000a;pointer-events:auto!important;display:flex!important}@media (prefers-color-scheme:dark){.glass-dock{background:#161a22e6!important;border:1px solid #ffffff24!important;box-shadow:0 20px 50px #000000a6,inset 0 0 0 1px #ffffff14!important}}[data-theme=dark] .glass-dock{background:#161a22e6!important;border:1px solid #ffffff24!important;box-shadow:0 20px 50px #000000a6,inset 0 0 0 1px #ffffff14!important}.glass-dock-item{cursor:pointer;width:44px;height:44px;color:var(--text-2,#8a909a);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:color .18s;display:flex;position:relative}.glass-dock-item:focus{outline:none}.glass-dock-item.active,.glass-dock-item:hover{color:var(--brass,#c08a3e)!important}@media (prefers-color-scheme:dark){.glass-dock-item{color:#8a909a}.glass-dock-item.active,.glass-dock-item:hover{color:#e0a955!important}}[data-theme=dark] .glass-dock-item.active,[data-theme=dark] .glass-dock-item:hover{color:#e0a955!important}.glass-dock-item svg{width:22px;height:22px;display:block}.glass-dock-special{background:linear-gradient(135deg,#c08a3e 0%,#9a6f2f 100%);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 16px #c08a3e73;color:#fff!important}.glass-dock-special svg{color:#fff!important;stroke:#fff!important}.glass-dock-dot{background:var(--brass,#c08a3e);width:4px;height:4px;box-shadow:0 0 8px var(--brass,#c08a3e);pointer-events:none;border-radius:50%;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.glass-dock-tooltip-container{pointer-events:none;z-index:1000;position:absolute;top:0;transform:translate(-50%)}.glass-dock-tooltip{color:#fff;white-space:nowrap;background:#000;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;min-width:80px;padding:5px 14px;display:flex;box-shadow:0 8px 24px #00000059}@media (prefers-color-scheme:dark){.glass-dock-tooltip{color:#000!important;background:#fff!important;border:1px solid #0003!important;box-shadow:0 8px 24px #0009!important}}[data-theme=dark] .glass-dock-tooltip{color:#000!important;background:#fff!important;border:1px solid #0003!important}.glass-dock-tooltip-inner{justify-content:center;align-items:center;width:100%;height:18px;display:flex;position:relative;overflow:hidden}.glass-dock-tooltip-text{letter-spacing:.02em;white-space:nowrap;font-family:Zain,sans-serif;font-size:13px;font-weight:700;display:inline-block}.mobile-header-brand{align-items:center;gap:10px;display:flex}.mobile-header-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:32px;max-width:32px;height:32px;max-height:32px;box-shadow:0 2px 6px #0000001f}.mobile-header-title{color:var(--text);font-size:16px;font-weight:800;line-height:1.2}.mobile-header-sub{color:var(--text-2);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.mobile-avatar-btn{background:linear-gradient(135deg, var(--brass), #8b6226);color:#fff;border:2px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 6px #00000026}.mobile-dropdown-menu{background:var(--bg);border:1px solid var(--border);z-index:100;min-width:220px;animation:popIn .18s var(--ease-out);border-radius:16px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 36px #0003}.mobile-menu-backdrop{z-index:99;background:#0000004d;position:fixed;inset:0}.mobile-dropdown-user{border-bottom:1px solid var(--border);margin-bottom:6px;padding:10px 12px}.mobile-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:Zain,sans-serif;font-size:14px;font-weight:700;transition:background .12s;display:flex}.mobile-dropdown-item:active{background:var(--brass-bg)}.mobile-dropdown-item.destructive{color:#ef4444}.mobile-tab-container{justify-content:space-around;align-items:center;width:100%;max-width:520px;display:flex}.mobile-tab-item{color:var(--text-2);cursor:pointer;transition:all .15s var(--ease-out);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 10px;font-family:Zain,sans-serif;display:flex}.mobile-tab-item:active{transform:scale(.92)}.mobile-tab-item.active{color:var(--brass);font-weight:800}.mobile-tab-icon-wrap{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.mobile-tab-dot{background:var(--brass);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-3px}.mobile-tab-text{white-space:nowrap;font-size:11px;font-weight:700;line-height:1}.spotlight-card{background:var(--ink);color:var(--paper);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s ease;-webkit-user-select:none;user-select:none;border:1px solid #ffffff14;border-top-color:#ffffff38;border-radius:20px;padding:26px 30px;position:relative;overflow:hidden;box-shadow:0 16px 36px -8px #00000059}@media (prefers-color-scheme:dark){.spotlight-card{background:#22252c;border:1px solid #2a2d34;border-top-color:#ffffff2e}}@media (hover:hover) and (pointer:fine){.spotlight-card:hover{border-color:#c08a3e66;transform:translateY(-2px);box-shadow:0 20px 44px -8px #00000073}}.spotlight-card:active{transition:transform 90ms ease-out;transform:scale(.985)}.spotlight-label{letter-spacing:.04em;text-transform:uppercase;color:var(--brass);margin-bottom:10px;font-family:Zain,sans-serif;font-size:13px;font-weight:700}.spotlight-name{color:#f0eee9;margin-bottom:6px;font-size:24px;font-weight:800}.spotlight-amount{color:var(--brass);font-variant-numeric:tabular-nums;font-size:34px;font-weight:900}.spotlight-meta{color:#8a909a;margin-top:6px;font-size:14px}@keyframes spotlightPulse{0%{box-shadow:0 0 #c08a3e00}40%{box-shadow:0 0 0 8px #c08a3e40}to{box-shadow:0 0 0 16px #c08a3e00}}.spotlight-card.pulse{animation:spotlightPulse .4s var(--ease-out) forwards}.stat-chips{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:100%;display:grid}.stat-chip{background:var(--card-bg,var(--bg));border:1px solid var(--border);min-width:0;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s ease;border-top:1px solid #ffffff26;border-radius:16px;padding:18px 20px;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.stat-chip:hover{border-color:#c08a3e4d;transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000014}}.stat-chip:active{transition:transform 90ms ease-out;transform:scale(.985)}.stat-chip-number{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,3.8vw,30px);font-weight:800;line-height:1.15;overflow:hidden}.stat-chip-number.brass{color:var(--brass)}.stat-chip-number.jade{color:var(--jade)}.stat-chip-label{color:var(--text-2);margin-top:5px;font-size:14px;font-weight:500}.data-table{border-collapse:collapse;text-align:right;direction:rtl;width:100%}.data-table th{text-align:right;letter-spacing:.03em;color:var(--text-2);border-bottom:1px solid var(--border);padding:11px 14px;font-family:Zain,sans-serif;font-size:13px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px;font-size:15px}.data-table tr:last-child td{border-bottom:none}@media (hover:hover) and (pointer:fine){.data-table tbody tr:hover td{background:var(--brass-bg);transition:background .12s}}.data-table td.money{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.table-wrapper{border:1px solid var(--border);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;background:var(--paper);border-radius:14px;width:100%;max-width:100%;position:relative;overflow:auto hidden}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg);border-radius:999px}.table-wrapper::-webkit-scrollbar-thumb{background:#c08a3e66;border-radius:999px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--brass)}.data-table{width:100%;min-width:680px}.tier-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-family:Zain,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.tier-badge.vip,.tier-badge.tier-best{color:#16a34a;background:#22c55e26;border:1px solid #22c55e59}.tier-badge.regular,.tier-badge.tier-normal{color:#ca8a04;background:#eab30826;border:1px solid #eab30859}.tier-badge.new,.tier-badge.tier-low{color:#dc2626;background:#ef444426;border:1px solid #ef444459}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;direction:rtl;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:Zain,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s cubic-bezier(.25,1,.5,1),background .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:active{transition:transform 80ms ease-out;transform:scale(.965)}.icon-btn{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .1s cubic-bezier(.25,1,.5,1),background .12s,border-color .12s,color .12s;display:inline-flex}@media (hover:hover) and (pointer:fine){.icon-btn:hover{color:var(--text);background:var(--border);border-color:var(--text-2)}}.icon-btn:active{transition:transform 70ms ease-out;transform:scale(.92)}.icon-btn.icon-btn-destructive{color:#ef4444;background:#ef44440f;border-color:#ef444440}@media (hover:hover) and (pointer:fine){.icon-btn.icon-btn-destructive:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}}.icon-btn.icon-btn-primary{color:var(--brass);background:var(--brass-bg);border-color:#c08a3e4d}@media (hover:hover) and (pointer:fine){.icon-btn.icon-btn-primary:hover{background:var(--brass);color:#fff;border-color:var(--brass)}}.nav-item:active,.seg-btn:active,.search-input:active,.field input:active,.field select:active,.field textarea:active,.typeahead-item:active,.sidebar-logo:active{transform:scale(.97)}.btn:focus-visible,.nav-item:focus-visible,.seg-btn:focus-visible,.search-input:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.typeahead-item:focus-visible,.sidebar-logo:focus-visible{outline:none;box-shadow:0 0 0 3px #c08a3e4d}.btn-primary{background:linear-gradient(180deg, #ce9a4c 0%, var(--brass) 100%);color:#fff;box-shadow:0 2px 6px #c08a3e47,inset 0 1px #ffffff38}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:linear-gradient(180deg, #d6a355 0%, var(--brass-dim) 100%);transform:translateY(-1px);box-shadow:0 4px 14px #c08a3e61,inset 0 1px #ffffff4d}}.btn-primary:active{filter:brightness(.96);transition:transform 80ms ease-out;transform:scale(.965);box-shadow:0 1px 3px #c08a3e33}.btn-ghost{color:var(--text-2);background:0 0;padding:10px 14px;transition:background .12s,color .12s,transform 90ms}@media (hover:hover) and (pointer:fine){.btn-ghost:hover{color:var(--text);background:var(--border)}}.btn-ghost:active{transition:transform 80ms ease-out;transform:scale(.965)}.btn-sm{padding:7px 13px;font-size:14px}.btn-destructive{color:var(--rust);border:1.5px solid var(--rust);background:0 0}@media (hover:hover) and (pointer:fine){.btn-destructive:hover{background:var(--rust);color:#fff}}.search-bar{width:100%;max-width:380px;position:relative}.search-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);text-align:right;direction:rtl;border-radius:12px;outline:none;padding:11px 40px 11px 14px;font-family:Zain,sans-serif;font-size:15px}.search-input:focus{border-color:var(--brass)}.search-input::placeholder{color:var(--text-2)}.search-icon{color:var(--text-2);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:auto;right:13px;transform:translateY(-50%)}.search-results{background:var(--bg);border:1px solid var(--border);z-index:100;transform-origin:top;opacity:1;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:14px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;transform:scale(1)translateY(0);box-shadow:0 8px 32px #0000001f}@starting-style{.search-results{opacity:0;transform:scale(.97)translateY(-4px)}}.search-group-label{color:var(--text-2);border-bottom:1px solid var(--border);padding:9px 14px 5px;font-family:Zain,sans-serif;font-size:12px;font-weight:700}.search-result-item{cursor:pointer;text-align:right;width:100%;color:var(--text);direction:rtl;background:0 0;border:none;align-items:center;gap:10px;padding:11px 14px;font-family:Zain,sans-serif;font-size:15px;transition:background .1s;display:flex}@media (hover:hover) and (pointer:fine){.search-result-item:hover{background:var(--brass-bg)}}.segmented-control{background:var(--border);-webkit-user-select:none;user-select:none;direction:rtl;border-radius:12px;gap:2px;padding:3px;display:inline-flex;position:relative}.seg-btn{color:var(--text-2);cursor:pointer;transition:color .14s var(--ease-out), transform .1s ease-out;background:0 0;border:none;border-radius:10px;padding:7px 18px;font-family:Zain,sans-serif;font-size:14px;font-weight:600;position:relative}.seg-btn.active{color:var(--text);box-shadow:none;background:0 0;font-weight:700}.sidesheet-overlay{-webkit-backdrop-filter:blur(16px);background:#0000008c;position:fixed;inset:0;z-index:9990!important}.sidesheet{background:var(--paper);border-left:1px solid var(--border);direction:rtl;flex-direction:column;width:440px;max-width:100vw;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-16px 0 40px #00000040;z-index:9995!important}.sidesheet.closing{transform:translate(100%)}.sidesheet-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:26px 30px 22px;display:flex}.sidesheet-title{color:var(--text);font-size:19px;font-weight:700}.sidesheet-body{flex-direction:column;flex:1;gap:18px;padding:26px 30px;display:flex;overflow-y:auto}.sidesheet-footer{border-top:1px solid var(--border);flex-shrink:0;gap:10px;padding:20px 30px;display:flex}.field{box-sizing:border-box;flex-direction:column;gap:7px;width:100%;min-width:0;display:flex}.field label{color:var(--text-2);font-family:Zain,sans-serif;font-size:14px;font-weight:700}.field input,.field select,.field textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;min-width:0;max-width:100%;color:var(--text);background:var(--bg);text-align:right;direction:rtl;border-radius:10px;outline:none;padding:11px 14px;font-family:Zain,sans-serif;font-size:15px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brass)}.field input.error,.field select.error{border-color:var(--rust)}.field-error{color:var(--rust);font-size:13px}.field textarea{resize:vertical;min-height:80px}.typeahead-wrapper{position:relative}.typeahead-list{background:var(--bg);border:1px solid var(--border);z-index:150;border-radius:12px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}@starting-style{.typeahead-list{opacity:0;transform:translateY(-4px)}}.typeahead-list{transition:opacity .12s var(--ease-out), transform .12s var(--ease-out)}.typeahead-list.transitioning,.search-results.transitioning{filter:blur(2px);transition:filter .2s}.typeahead-item{cursor:pointer;color:var(--text);text-align:right;direction:rtl;background:0 0;border:none;width:100%;padding:11px 14px;font-family:Zain,sans-serif;font-size:15px;transition:background 80ms}.typeahead-item:hover{background:var(--brass-bg)}.typeahead-item-sub{color:var(--text-2);font-size:13px}.page-header{direction:rtl;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:30px;display:flex}.section{margin-bottom:32px}.section-header{direction:rtl;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.trend-up{color:var(--jade);font-size:14px;font-weight:600}.trend-down{color:var(--rust);font-size:14px;font-weight:600}.empty-state{text-align:center;color:var(--text-2);padding:60px 24px}.empty-state-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:fadeUp .3s var(--ease-out) both}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:40ms}.stagger-item:nth-child(3){animation-delay:80ms}.stagger-item:nth-child(4){animation-delay:.12s}.stagger-item:nth-child(5){animation-delay:.16s}.stagger-item:nth-child(6){animation-delay:.2s}.stagger-item:nth-child(7){animation-delay:.24s}.stagger-item:nth-child(8){animation-delay:.28s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--line) 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.stagger-item{opacity:1;animation:none;transform:none}.transitioning{filter:none!important}}.desktop-table-container{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;max-width:100%;display:block;overflow-x:auto}.mobile-cards-container,.apple-grid-view{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;width:100%;display:grid}@media (width<=640px){.mobile-cards-container,.apple-grid-view{grid-template-columns:1fr;gap:12px}}.swipe-hint-banner{color:var(--brass);-webkit-user-select:none;user-select:none;direction:rtl;background:#c08a3e14;border:1px solid #c08a3e40;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}@keyframes swipeArrowPulse{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.swipe-arrow-icon{animation:1.2s ease-in-out infinite swipeArrowPulse;display:inline-block}.table-view-toggle{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.table-view-toggle-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-family:Zain,sans-serif;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.table-view-toggle-btn.active{background:var(--paper);color:var(--brass);box-shadow:0 2px 6px #0000000f}.mobile-record-tabs{display:none}@media (width<=767px){.mobile-record-tabs{display:flex!important}.record-form-panel.mobile-hidden,.record-recents-panel.mobile-hidden{display:none!important}}.mobile-data-card{background:var(--card-bg,var(--paper));border:1px solid var(--border);text-align:right;touch-action:manipulation;cursor:pointer;direction:rtl;border-radius:18px;flex-direction:column;gap:14px;padding:18px;transition:transform .12s cubic-bezier(.25,1,.5,1),box-shadow .12s,border-color .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}@media (prefers-color-scheme:dark){.mobile-data-card{background:#1e2229;border:1px solid #323843;box-shadow:0 6px 24px #00000059}}.mobile-data-card:active{transform:scale(.98)}.mobile-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-card-title{color:var(--text);letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.3}.mobile-card-chips{direction:rtl;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.mobile-card-chip{background:var(--chip-bg);border:1px solid var(--border);color:var(--text-2);direction:rtl;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.mobile-card-grid{background:var(--bg);border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;display:grid}.mobile-card-stat-label{color:var(--text-2);margin-bottom:3px;font-size:12px;font-weight:600}.mobile-card-stat-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:18px;font-weight:800;line-height:1.2}.mobile-card-stat-value.text-brass{color:var(--brass);font-size:20px}.mobile-card-actions{justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}@media (width<=767px){html,body{-webkit-overflow-scrolling:touch;min-height:100dvh;height:auto!important;overflow:hidden auto!important}.app-shell{flex-direction:column;min-height:100dvh;height:auto!important;overflow:hidden visible!important}.desktop-sidebar{display:none!important}.mobile-header{padding:calc(12px + env(safe-area-inset-top,0px)) 18px 12px 18px;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);z-index:90;background:#fafaf8f0;justify-content:space-between;align-items:center;position:sticky;top:0;display:flex!important}.mobile-bottom-bar{display:none!important}.app-main-wrapper{min-height:100dvh;height:auto!important;overflow:hidden visible!important}.app-main-body{padding-bottom:30px!important;overflow:hidden visible!important}.main-content{box-sizing:border-box;max-width:100%;padding:18px 16px calc(140px + env(safe-area-inset-bottom,0px))!important}.record-form-panel{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-bottom:24px!important;padding:16px 14px!important;overflow-x:hidden!important}.record-recents-panel{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-bottom:24px!important;padding:16px 14px!important}.dashboard-charts-grid{grid-template-columns:1fr!important;gap:16px!important}.mobile-cards-container{padding-bottom:30px!important}.stat-chips{gap:10px;width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat-chip{min-width:0;padding:14px}.stat-chip-number{font-size:22px!important}.sidesheet{background:var(--paper)!important;z-index:9995!important;border-top:none!important;border-left:none!important;flex-direction:column!important;width:100%!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;position:fixed!important;inset:0!important}.sidesheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px 20px calc(110px + env(safe-area-inset-bottom,0px)) 20px!important;overflow-y:auto!important}.sidesheet-footer{background:var(--paper)!important;border-top:1px solid var(--border)!important;padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px)) 20px!important;z-index:9996!important;position:sticky!important;bottom:0!important;box-shadow:0 -8px 24px #0000001f!important}.dashboard-top-grid{grid-template-columns:1fr!important}.page-header{flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:100%}.search-wrapper,.search-input{width:100%!important}}@media (prefers-color-scheme:dark) and (width<=767px){.mobile-header,.mobile-bottom-bar{background:#1b1d22eb}}.toggle{flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border);cursor:pointer;transition:background .2s var(--ease-out);border-radius:999px;position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:auto;right:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:var(--brass)}.toggle input:checked+.toggle-slider:before{transform:translate(-18px)}.category-pill{background:var(--border);color:var(--text-2);border-radius:7px;align-items:center;padding:3px 10px;font-family:Zain,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.line-items{flex-direction:column;gap:10px;display:flex}.line-item{background:var(--border);direction:rtl;border-radius:12px;grid-template-columns:1fr 80px 90px auto;align-items:center;gap:8px;padding:14px;display:grid}.line-item-total{font-variant-numeric:tabular-nums;color:var(--text);text-align:left;font-size:14px;font-weight:700}.running-total{border-top:2px solid var(--border);direction:rtl;justify-content:space-between;align-items:center;margin-top:8px;padding:18px 0;display:flex}.running-total-label{color:var(--text-2);font-size:16px;font-weight:700}.running-total-amount{color:var(--brass);font-variant-numeric:tabular-nums;font-size:28px;font-weight:900}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{border:1px solid var(--border);background:var(--bg);text-align:right;direction:rtl;border-radius:22px;width:100%;max-width:400px;padding:40px;box-shadow:0 12px 32px #00000014}.auth-app-logo{object-fit:cover;border-radius:16px;width:64px;max-width:64px;height:64px;max-height:64px;margin:0 auto;display:block;box-shadow:0 4px 16px #00000026}.auth-logo{direction:rtl;align-items:center;gap:10px;margin-bottom:30px;display:flex}.auth-logo-dot{background:var(--brass);border-radius:50%;width:11px;height:11px}.auth-logo-text{color:var(--text);font-family:Zain,sans-serif;font-size:18px;font-weight:800}.auth-title{margin-bottom:8px;font-size:26px;font-weight:800}.auth-sub{color:var(--text-2);margin-bottom:26px;font-size:15px;line-height:1.6}.success-msg{color:var(--jade);background:#2f6b4f1a;border:1px solid #2f6b4f4d;border-radius:10px;padding:14px 18px;font-size:15px;font-weight:600}.category-section{margin-bottom:26px}.category-header{cursor:pointer;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;direction:rtl;align-items:center;gap:10px;margin-bottom:2px;padding:12px 4px;display:flex}.category-header-name{color:var(--text);font-size:16px;font-weight:700}.category-count{color:var(--text-2);font-size:13px}.category-chevron{color:var(--text-2);transition:transform .2s var(--ease-out);margin-left:0;margin-right:auto}.category-chevron.open{transform:rotate(-90deg)}.cat-bar-row{direction:rtl;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cat-bar-label{width:130px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-align:right;flex-shrink:0;font-size:14px;font-weight:600;overflow:hidden}.cat-bar-track{background:var(--border);direction:ltr;border-radius:999px;flex:1;height:9px;overflow:hidden}.cat-bar-fill{background:var(--brass);height:100%;transition:width .3s var(--ease-out);border-radius:999px}.cat-bar-amount{font-variant-numeric:tabular-nums;color:var(--text-2);text-align:left;flex-shrink:0;width:110px;font-size:13px;font-weight:600}.confirm-overlay{-webkit-backdrop-filter:blur(16px)saturate(180%);opacity:1;transition:opacity .18s var(--ease-out);background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;z-index:10000!important}@starting-style{.confirm-overlay{opacity:0}}.confirm-box{background:var(--paper);text-align:right;border:1px solid var(--border);width:100%;max-width:380px;transition:transform .22s var(--ease-out);direction:rtl;border-top:1px solid #ffffff40;border-radius:20px;padding:28px 32px;transform:scale(1);box-shadow:0 24px 60px -12px #00000059,inset 0 0 0 1px #ffffff14}@starting-style{.confirm-box{transform:scale(.96)}}.confirm-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:800}.confirm-desc{color:var(--text-2);margin-bottom:22px;font-size:15px;line-height:1.6}.confirm-actions{justify-content:flex-start;gap:10px;display:flex}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.w-full{width:100%}.text-brass{color:var(--brass)}.text-jade{color:var(--jade)}.text-rust{color:var(--rust)}.text-slate{color:var(--text-2)}.seg-btn:active{transform:scale(.97)}.fw-700{font-weight:700}.mobile-guide-btn{background:var(--paper);border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;transition:transform .12s var(--ease-out), background .12s;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mobile-guide-btn:active{background:var(--chip-bg);transform:scale(.92)}.guide-glow-dot{background:var(--brass);width:7px;height:7px;box-shadow:0 0 8px var(--brass);border-radius:50%;animation:2.2s ease-in-out infinite pulseGuideDot;position:absolute;top:4px;right:4px}@keyframes pulseGuideDot{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.apple-dynamic-island-status{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:100;pointer-events:none;justify-content:center;padding:4px 12px;display:flex;position:sticky}.status-pill{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(180%);transition:transform .2s var(--ease-out), opacity .2s;animation:islandEnter .3s var(--ease-drawer);border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #00000024}@keyframes islandEnter{0%{opacity:0;transform:translateY(-12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.status-pill.offline{color:#fff;background:#b5533ceb;border:1px solid #fff3}.status-pill.syncing{color:#fff;background:#c08a3eeb;border:1px solid #fff3}.status-pill.synced{color:#fff;background:#2f6b4feb;border:1px solid #fff3}.status-pill.pending-btn{background:var(--paper);color:var(--text);border:1px solid var(--border);cursor:pointer}.status-pill.pending-btn:active{transform:scale(.96)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.red{background:#ff4d4d;box-shadow:0 0 6px #ff4d4d}.status-dot.yellow{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.status-dot.green{background:#34d399;box-shadow:0 0 6px #34d399}.status-icon.spin{animation:1s linear infinite spin}.apple-guide-backdrop-wrapper{justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden;z-index:10000!important}.apple-guide-backdrop{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#00000085;position:absolute;inset:0}.apple-guide-modal{z-index:2;background:var(--paper);border:1px solid var(--border);text-align:right;touch-action:pan-y;direction:rtl;border-top:1px solid #ffffff4d;border-radius:26px;flex-direction:column;width:100%;max-width:620px;max-height:calc(100dvh - 40px);display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #0006,inset 0 0 0 1px #ffffff14}@media (width<=640px){.apple-guide-backdrop-wrapper{align-items:flex-end;padding:0}.apple-guide-modal{border-bottom:none;border-radius:28px 28px 0 0;max-width:100%;max-height:88dvh}}.apple-guide-grab-bar{cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding-top:10px;padding-bottom:2px;display:flex}.apple-guide-grab-pill{background:#a0a0a059;border-radius:999px;width:38px;height:5px;transition:background .15s,width .15s}.apple-guide-grab-bar:active .apple-guide-grab-pill{background:#a0a0a0b3;width:46px}.apple-guide-tab-strip{background:var(--chip-bg);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:4px;margin:10px 20px 0;padding:4px;display:flex;position:relative}.apple-guide-tab-pill{color:var(--text-2);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:13px;font-weight:600;transition:color .15s;position:relative}.apple-guide-tab-pill.active{color:var(--text);font-weight:700}.apple-guide-tab-pill:active{transform:scale(.96)}.apple-guide-tab-indicator{background:var(--paper);z-index:1;border-radius:8px;position:absolute;inset:0;box-shadow:0 2px 8px #0000001f,0 0 0 1px #0000000a}.apple-segmented-control{-webkit-backdrop-filter:blur(16px);background:var(--chip-bg)!important;border:1px solid var(--border)!important}.apple-seg-item{opacity:.82;transition:color .14s,opacity .14s,transform .1s;color:var(--text-2,#cbd5e1)!important;font-weight:600!important}[data-theme=dark] .apple-seg-item,body.dark .apple-seg-item{opacity:.85;color:#cbd5e1!important}.apple-seg-item:hover{color:var(--text)!important;opacity:1!important}.apple-seg-item.active{color:var(--text)!important;opacity:1!important;font-weight:800!important}.apple-guide-header{border-bottom:1px solid var(--border);background:var(--chip-bg);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.apple-guide-title-row{align-items:center;gap:14px;display:flex}.apple-guide-icon-pill{background:linear-gradient(135deg, var(--brass), #8b6226);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #c08a3e59}.apple-guide-h2{color:var(--text);font-size:20px;font-weight:800;line-height:1.2}.apple-guide-badge{background:var(--brass-bg);color:var(--brass);border:1px solid #c08a3e40;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.apple-guide-sub{color:var(--text-2);margin-top:2px;font-size:13px}.apple-guide-close-btn{background:var(--chip-bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,background .12s;display:flex}.apple-guide-close-btn:active{transform:scale(.92)}.apple-guide-body{overscroll-behavior:contain;flex:1;padding:20px 24px;overflow-y:auto}.apple-guide-callout{background:var(--brass-bg);border-right:4px solid var(--brass);color:var(--text);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.6}.apple-guide-section-label{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:800}.apple-guide-grid{grid-template-columns:1fr;gap:10px;display:grid}.apple-guide-card{background:var(--chip-bg);border:1px solid var(--border);border-radius:14px;gap:12px;padding:12px 14px;display:flex}.apple-guide-card-icon{background:var(--paper);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #0000000f}.apple-guide-card-title{color:var(--text);font-size:14px;font-weight:700}.apple-guide-card-desc{color:var(--text-2);margin-top:2px;font-size:12px;line-height:1.4}.apple-guide-steps{flex-direction:column;gap:8px;display:flex}.apple-guide-step-row{background:var(--chip-bg);border-radius:10px;align-items:flex-start;gap:10px;padding:8px 12px;display:flex}.apple-guide-step-num{background:var(--brass);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.apple-guide-step-text{color:var(--text);font-size:13px;line-height:1.5}.apple-guide-rules{flex-direction:column;gap:8px;display:flex}.apple-guide-rule-row{color:var(--text);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.apple-guide-footer{border-top:1px solid var(--border);background:var(--chip-bg);justify-content:flex-end;padding:14px 24px;display:flex}.interactive-card{cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid #ffffff2e;transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .14s,border-color .14s}@media (hover:hover) and (pointer:fine){.interactive-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px -6px #0000001f;border-color:#c08a3e66!important}}.interactive-card:active{transition:transform 80ms ease-out;transform:scale(.975)}.interactive-row{cursor:pointer;transition:background .12s,transform 90ms ease-out}.interactive-row:hover{background:#c08a3e0f!important}.interactive-row:active{transition:transform 70ms ease-out;transform:scale(.994)}.apple-pressable{cursor:pointer;transition:transform .1s ease-out}.apple-pressable:active{transform:scale(.965)}.stat-chip-number,.tabular,.money{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.015em}.page-title{letter-spacing:-.025em}.apple-segmented-control{border:1px solid var(--border);box-shadow:inset 0 1px 2px #0000000f}.sidesheet{-webkit-backdrop-filter:blur(28px)saturate(180%);border-left:1px solid #ffffff26!important;box-shadow:inset 1px 0 #ffffff14,-16px 0 44px #0003!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.interactive-card:hover,.interactive-card:active,.interactive-row:active,.apple-pressable:active{transform:none!important}}.guide-spotlight-active{outline-offset:4px!important;z-index:95!important;outline:3px solid #f59e0b!important;transition:all .35s cubic-bezier(.23,1,.32,1)!important;animation:2s ease-in-out infinite guideSpotlightPulse!important;position:relative!important;box-shadow:0 0 0 5px #f59e0b47,0 0 35px #f59e0b99!important}@keyframes guideSpotlightPulse{0%,to{outline-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b40,0 0 25px #f59e0b73}50%{outline-color:#fbbf24;box-shadow:0 0 0 8px #f59e0b80,0 0 50px #f59e0bcc}}.guide-spotlight-badge{color:#fff;z-index:101;pointer-events:none;direction:rtl;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;animation:.3s cubic-bezier(.23,1,.32,1) guideBadgeIn;display:inline-flex;position:absolute;top:-14px;right:18px;box-shadow:0 4px 14px #d9770680}@keyframes guideBadgeIn{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.guide-spotlight-secondary{outline-offset:3px!important;z-index:90!important;outline:2px dashed #38bdf8!important;transition:all .35s cubic-bezier(.23,1,.32,1)!important;animation:2.2s ease-in-out infinite guideSecondaryPulse!important;position:relative!important;box-shadow:0 0 0 4px #38bdf833,0 0 25px #38bdf873!important}@keyframes guideSecondaryPulse{0%,to{box-shadow:0 0 0 3px #38bdf833,0 0 20px #38bdf859}50%{box-shadow:0 0 0 6px #38bdf866,0 0 35px #38bdf899}}.guide-spotlight-badge-secondary{color:#fff;z-index:101;pointer-events:none;direction:rtl;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:9999px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:800;animation:.3s cubic-bezier(.23,1,.32,1) guideBadgeIn;display:inline-flex;position:absolute;top:-12px;left:14px;box-shadow:0 3px 10px #0284c773}@keyframes eqBar1{0%,to{height:4px}50%{height:16px}}@keyframes eqBar2{0%,to{height:14px}50%{height:6px}}@keyframes eqBar3{0%,to{height:8px}50%{height:18px}}@keyframes eqBar4{0%,to{height:16px}50%{height:5px}}.eq-bar-1{animation:.7s ease-in-out infinite eqBar1}.eq-bar-2{animation:.55s ease-in-out infinite eqBar2}.eq-bar-3{animation:.85s ease-in-out infinite eqBar3}.eq-bar-4{animation:.6s ease-in-out infinite eqBar4}.video-guide-pip-container{z-index:999999;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:380px;max-width:calc(100vw - 32px);position:fixed;bottom:20px;right:20px}@media (width<=640px){.video-guide-pip-container{width:auto!important;max-width:calc(100vw - 20px)!important;left:10px!important;right:10px!important;bottom:calc(82px + env(safe-area-inset-bottom,12px))!important;border-radius:18px!important;box-shadow:0 16px 40px #000000a6,0 0 25px #f59e0b33!important}.guide-spotlight-badge{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:calc(100vw - 36px)!important;padding:3px 8px!important;font-size:10px!important;top:-12px!important;right:8px!important;overflow:hidden!important}.guide-spotlight-badge-secondary{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:calc(100vw - 36px)!important;padding:2px 7px!important;font-size:9px!important;top:-10px!important;left:8px!important;overflow:hidden!important}}video:fullscreen{object-fit:contain!important;background:#000!important;width:100vw!important;height:100vh!important}video:fullscreen{object-fit:contain!important;background:#000!important;width:100vw!important;height:100vh!important}