:root{--nordic-sidebar:#0f172a;--nordic-titlebar:#1e293b;--nordic-content:#f4f7fb;--nordic-accent:#4f46e5;--nordic-accent-hover:#4338ca;--nordic-text-primary:#111827;--nordic-text-secondary:#6b7280;--nordic-text-light:#f9fafb;--nordic-white:#fff;--nordic-success:#10b981;--nordic-danger:#ef4444;--nordic-warning:#f59e0b;--gradient-accent:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;color:var(--nordic-text-primary);background-color:var(--nordic-content);font-family:Poppins,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{overscroll-behavior-y:none;height:100vh;margin:0;overflow:hidden}#root{height:100vh}.layout{background-color:var(--nordic-content);width:100vw;height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:flex}.sidebar{width:280px;color:var(--nordic-text-light);z-index:100;background:linear-gradient(#0f172a 0%,#020617 100%);border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.header{background:var(--gradient-accent);height:70px;color:var(--nordic-white);z-index:10;border-bottom:none;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 4px 20px #4f46e526}.header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.header-menu-icon{cursor:pointer;flex-shrink:0}.header-title-wrapper{white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:18px;font-weight:600;display:flex;overflow:hidden}.header-company{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-separator{color:#ffffff80;margin:0 8px}.header-page{color:#ffffffe6}.header-right{flex-shrink:0;align-items:center;gap:20px;display:flex}.header-search{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:flex}.header-search svg{color:#fffc}.header-search input{color:var(--nordic-white);background:0 0;border:none;outline:none;width:200px;font-size:14px}.header-search input::placeholder{color:#fff9}.header-bell{color:var(--nordic-white);transition:transform .2s}.header-bell:hover{transform:scale(1.1)rotate(10deg)}.header-user{cursor:pointer;align-items:center;gap:10px;display:flex}.header-avatar{background-color:var(--nordic-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #0000001a}.header-role{font-size:14px;font-weight:600}.main-content{flex:1;padding:32px;overflow-y:auto}.card{background-color:var(--nordic-white);box-shadow:var(--shadow-sm);border:1px solid #00000008;border-radius:16px;margin-bottom:24px;padding:24px;transition:box-shadow .3s}.card:hover{box-shadow:var(--shadow-md)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:var(--nordic-white);box-shadow:0 4px 6px #4f46e533}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 12px #4f46e54d}h1,h2,h3{margin-bottom:12px;font-weight:600}.nav-item{color:#94a3b8;cursor:pointer;border-radius:12px;align-items:center;gap:14px;margin:4px 16px;padding:14px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--nordic-white);background-color:#ffffff0d;transform:translate(4px)}.nav-item.active{background:var(--gradient-accent);color:var(--nordic-white);box-shadow:0 4px 12px #4f46e54d}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;color:var(--nordic-text-secondary);border-bottom:1px solid #e5e9f0;padding:12px;font-size:12px}td{border-bottom:1px solid #e5e9f0;padding:16px 12px;font-size:14px}tr:hover{background-color:#f8fafc}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--nordic-white);border-left:4px solid var(--nordic-accent);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{margin-top:8px;font-size:28px;font-weight:700}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:block!important}.hidden-mobile{display:none!important}.header{background:var(--gradient-accent);z-index:50;height:64px;color:var(--nordic-white);gap:8px;padding:0 16px;position:sticky;top:0;box-shadow:0 4px 15px #4f46e533}.header-left{gap:12px}.header-separator{display:none}.header-title-wrapper{flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.2}.header-page{opacity:.8;font-size:11px}.header-company{font-size:15px}.header-avatar{width:32px;height:32px}.mobile-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;position:fixed;inset:0}.sidebar{width:280px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px;box-shadow:4px 0 24px #0006}.sidebar.mobile-open{left:0}.main-content{padding:16px}.header{padding:0 16px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{white-space:nowrap;min-width:600px}.card{padding:16px;overflow-x:hidden}.card:has(table){padding:0}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:20px}.modal-content{width:95%!important;height:95vh!important;margin:10px!important}.main-content{padding-bottom:90px!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:80;width:100%;height:75px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffe6;border-top:1px solid #ffffff4d;border-radius:24px 24px 0 0;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;box-shadow:0 -10px 25px #0000000d;display:flex!important}.bottom-nav-item{color:#94a3b8;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:60px;height:100%;font-size:11px;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.bottom-nav-icon{margin-bottom:4px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.bottom-nav-item.active{color:var(--nordic-accent);font-weight:600}.bottom-nav-item.active .bottom-nav-icon{filter:drop-shadow(0 4px 6px #4f46e54d);transform:translateY(-3px)scale(1.1)}.bottom-nav-item-center-wrapper{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:center;width:70px;height:100%;display:flex;position:relative}.bottom-nav-item-center{background:var(--gradient-accent);color:#fff;border:4px solid var(--nordic-content);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-24px;box-shadow:0 8px 20px #4f46e566}.bottom-nav-item-center.active{transform:scale(1.08)translateY(-2px);box-shadow:0 12px 24px #4f46e580}.bottom-nav-center-text{color:var(--nordic-text-secondary);font-size:11px;font-weight:500;position:absolute;bottom:8px}}.mobile-list-view{display:none}.desktop-table-view{display:block}.page-filter-card{background-color:var(--nordic-white);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000d}.print-only{display:none}.mobile-data-card{border-left:4px solid var(--nordic-accent);background:#fff;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm)!important}.mobile-data-card:active{transform:scale(.98)}.mdc-header{justify-content:space-between;align-items:flex-start;display:flex}.mdc-title{color:var(--nordic-text-primary);font-size:16px;font-weight:700}.mdc-subtitle{color:var(--nordic-text-secondary);align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.mdc-right{text-align:right}.mdc-value{font-size:16px;font-weight:800}.mdc-value.success{color:var(--nordic-success)}.mdc-value.primary{color:var(--nordic-accent)}.mdc-label{color:var(--nordic-text-secondary);margin-top:2px;font-size:12px}.mdc-footer{border-top:1px dashed #e5e9f0;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.mdc-actions{gap:8px;display:flex}@media (width<=768px){.mobile-list-view{flex-direction:column;gap:0;display:flex}.mobile-list-view .mobile-data-card{display:flex!important}.desktop-table-view{display:none!important}.posting-grid,.settings-grid{grid-template-columns:1fr!important}.page-header-actions{flex-direction:column;gap:10px;width:100%}.page-header-actions button{justify-content:center;width:100%;padding:14px 16px;font-size:15px}.page-filter-card{border-radius:12px;flex-direction:column!important;align-items:stretch!important;padding:16px!important}.page-filter-card>div,.page-filter-card select{width:100%;margin-bottom:0}}.world-class-loader{background:linear-gradient(135deg, var(--nordic-sidebar) 0%, #1a1c23 100%);width:100vw;height:100vh;color:var(--nordic-white);font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;display:flex}.loader-logo-container{background:#ffffff0d;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.loader-logo-container:before{content:"";background:conic-gradient(from 0deg, transparent 0%, transparent 40%, var(--nordic-accent) 50%, transparent 60%, transparent 100%);z-index:1;width:200%;height:200%;animation:3s linear infinite spinner-border;position:absolute;top:-50%;left:-50%}.loader-logo-container:after{content:"";background:var(--nordic-sidebar);z-index:1;border-radius:22px;position:absolute;inset:2px}.loader-icon{z-index:2;color:var(--nordic-accent);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-icon}.loader-text{letter-spacing:.5px;margin-bottom:8px;font-size:22px;font-weight:700;animation:.6s ease-out forwards fade-in-up}.loader-subtext{color:var(--nordic-text-light);opacity:0;font-size:14px;animation:.6s ease-out .2s forwards fade-in-up}.loader-progress-bar{opacity:0;background:#ffffff1a;border-radius:4px;width:200px;height:4px;margin-top:40px;animation:.6s ease-out .4s forwards fade-in-up;position:relative;overflow:hidden}.loader-progress-bar:after{content:"";background:var(--nordic-accent);width:40%;height:100%;box-shadow:0 0 10px var(--nordic-accent);border-radius:4px;animation:1.5s ease-in-out infinite indeterminate-progress;position:absolute;top:0;left:0}@keyframes spinner-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes indeterminate-progress{0%{width:40%;left:-40%}50%{width:80%;left:20%}to{width:40%;left:100%}}.mobile-payment-list{display:none}.desktop-payment-table{display:block}.payments-header-actions{flex-wrap:wrap;gap:12px;display:flex}.payment-filter-card{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.month-total-wrapper{border-left:1px solid #e5e9f0;flex:1;justify-content:space-between;align-items:center;margin:0;padding-left:16px;display:flex}.bulk-header-card{background-color:#f8fafc;border:1px solid #e5e9f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;display:flex}.payment-mobile-card{border-left:4px solid var(--nordic-success);background:#fff;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm)!important}.payment-mobile-card:active{transform:scale(.98)}.pmc-header{justify-content:space-between;align-items:flex-start;display:flex}.pmc-name{color:var(--nordic-text-primary);font-size:16px;font-weight:700}.pmc-shop{color:var(--nordic-text-secondary);align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.pmc-amount-col{text-align:right}.pmc-amount{color:var(--nordic-success);font-size:18px;font-weight:800}.pmc-date{color:var(--nordic-text-secondary);margin-top:2px;font-size:12px}.pmc-footer{border-top:1px dashed #e5e9f0;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.method-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.method-cash{color:#3b6d11;background-color:#eaf3de}.method-bank{color:#1d4ed8;background-color:#eff6ff}.pmc-empty{text-align:center;color:var(--nordic-text-secondary);flex-direction:column;align-items:center;padding:40px;display:flex}@media (width<=768px){.mobile-payment-list{flex-direction:column;gap:0;display:flex}.mobile-payment-list .payment-mobile-card{display:flex!important}.desktop-payment-table{display:none!important}.payments-header-actions{flex-direction:column;gap:10px;width:100%}.payments-header-actions button{justify-content:center;width:100%;padding:14px 16px;font-size:15px}.payment-filter-card{border-radius:12px;flex-direction:column!important;align-items:stretch!important;padding:16px!important}.payment-filter-card .search-wrapper{width:100%;margin-bottom:0}.month-total-wrapper{border-top:1px dashed #e5e9f0;width:auto;margin-top:4px;padding-top:16px;border-left:none!important;padding-left:0!important}.payment-modal-grid{grid-template-columns:1fr!important}.payment-modal-grid .fg-span{grid-column:span 1!important}.bulk-header-card{flex-direction:column;gap:12px;align-items:stretch!important;padding:16px!important}.bulk-header-card>div{text-align:left!important}}@media print{body,html{color:#000!important;background:#fff!important;height:auto!important;font-family:Poppins,sans-serif!important;overflow:visible!important}.sidebar,.header,.btn,.mobile-backdrop,.header-search,.header-bell,.header-user,.page-header-actions,.no-print,.mobile-list-view,.mobile-payment-list{display:none!important}.desktop-table-view,.desktop-payment-table,.print-only-block{display:block!important}.layout{background:#fff!important;width:100%!important;height:auto!important;padding:0!important;display:block!important}.content,.main-content{width:100%!important;padding:0!important;display:block!important;overflow:visible!important}.card{box-shadow:none!important;border:none!important;margin-bottom:30px!important;padding:0!important}h2{color:#000!important;border-bottom:2px solid #000!important;margin-bottom:20px!important;padding-bottom:10px!important;font-size:24px!important}table{border-collapse:collapse!important;border:2px solid #000!important;width:100%!important}th{-webkit-print-color-adjust:exact;color:#000!important;background-color:#f2f2f2!important;border:1px solid #000!important;padding:10px!important}td{color:#000!important;border:1px solid #000!important;padding:10px!important}.print-only{display:table-cell!important}.stat-card{break-inside:avoid;box-shadow:none!important;border:1px solid #eee!important}.stat-value{color:#000!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}