:root{--nordic-sidebar:#2e3440;--nordic-titlebar:#3b4252;--nordic-content:#eceff4;--nordic-accent:#88c0d0;--nordic-accent-hover:#5e81ac;--nordic-text-primary:#2e3440;--nordic-text-secondary:#4c566a;--nordic-text-light:#d8dee9;--nordic-white:#fff;--nordic-success:#a3be8c;--nordic-danger:#bf616a;--nordic-warning:#ebcb8b;color:var(--nordic-text-primary);background-color:var(--nordic-content);font-family: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{background-color:var(--nordic-sidebar);width:260px;color:var(--nordic-text-light);z-index:100;flex-direction:column;flex-shrink:0;transition:width .3s;display:flex}.content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.header{background-color:var(--nordic-white);height:70px;color:var(--nordic-text-primary);z-index:10;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.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:var(--nordic-text-secondary);opacity:.5;margin:0 8px}.header-page{color:var(--nordic-text-secondary)}.header-right{flex-shrink:0;align-items:center;gap:20px;display:flex}.header-search{background-color:#f8fafc;border:1px solid #e5e9f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:flex}.header-search svg{color:var(--nordic-text-secondary)}.header-search input{color:var(--nordic-text-primary);background:0 0;border:none;outline:none;width:200px;font-size:14px}.header-bell{color:var(--nordic-text-secondary)}.header-user{cursor:pointer;align-items:center;gap:10px;display:flex}.header-avatar{background-color:var(--nordic-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-role{font-size:14px;font-weight:600}.main-content{flex:1;padding:32px;overflow-y:auto}.card{background-color:var(--nordic-white);border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 2px 8px #0000000d}.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-color:var(--nordic-accent);color:var(--nordic-white)}.btn-primary:hover{background-color:var(--nordic-accent-hover)}h1,h2,h3{margin-bottom:12px;font-weight:600}.nav-item{color:#d8dee9b3;cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--nordic-white);background-color:#ffffff0d}.nav-item.active{color:var(--nordic-white);border-left:4px solid var(--nordic-accent);background-color:#ffffff1a}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);border-radius:12px;padding:24px}.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{gap:8px;height:60px;padding:0 16px}.header-left{gap:8px}.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:260px;height:100vh;position:fixed;top:0;left:-260px;box-shadow:2px 0 12px #0003}.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}}.mobile-list-view{display:none}.desktop-table-view{display:block}.page-header-actions{flex-wrap:wrap;gap:12px;display:flex}.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}.mobile-data-card{border-left:4px solid var(--nordic-accent);background:#fff;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;box-shadow:0 4px 12px #00000008!important}.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-accent);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;box-shadow:0 4px 12px #00000008!important}.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}}