.pj-dashboard{--pj-brand: #F97316;--pj-brand-600: #EA580C;--pj-brand-700: #C2410C;--pj-brand-50: #FFF7ED;--pj-brand-100: #FFEDD5;--pj-brand-200: #FED7AA;--pj-bg: #F7F8FA;--pj-surface: #FFFFFF;--pj-border: #EDEFF3;--pj-border-strong: #E2E5EA;--pj-text: #0F172A;--pj-text-soft: #64748B;--pj-text-mute: #94A3B8;--pj-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--pj-shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--pj-shadow-md: 0 4px 12px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .04);--pj-shadow-lg: 0 12px 28px rgba(15, 23, 42, .1), 0 4px 10px rgba(15, 23, 42, .05);--pj-shadow-brand: 0 6px 18px rgba(249, 115, 22, .28);--pj-ease: cubic-bezier(.4, 0, .2, 1);--pj-fast: .16s;--pj-base: .22s;background:var(--pj-bg);color:var(--pj-text)}@media (prefers-reduced-motion: reduce){.pj-dashboard *,.pj-dashboard *:before,.pj-dashboard *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pj-dashboard .bg-white.rounded-2xl,.pj-dashboard .bg-white.rounded-xl,.pj-dashboard .bg-white.rounded-3xl{border-color:var(--pj-border);box-shadow:var(--pj-shadow-sm);transition:box-shadow var(--pj-base) var(--pj-ease),border-color var(--pj-base) var(--pj-ease),transform var(--pj-base) var(--pj-ease)}.pj-dashboard .bg-white.rounded-2xl:not(.fixed):not(.absolute):hover,.pj-dashboard .bg-white.rounded-xl:not(.fixed):not(.absolute):hover{box-shadow:var(--pj-shadow-md);border-color:var(--pj-border-strong)}.pj-dashboard button.bg-white.rounded-2xl:hover,.pj-dashboard a.bg-white.rounded-2xl:hover,.pj-dashboard .cursor-pointer.bg-white.rounded-2xl:hover{transform:translateY(-2px);box-shadow:var(--pj-shadow-lg);border-color:var(--pj-brand-200)}.pj-dashboard .border-orange-200,.pj-dashboard .border-orange-100{border-color:var(--pj-brand-200)}.pj-dashboard button,.pj-dashboard [role=button]{transition:background-color var(--pj-fast) var(--pj-ease),border-color var(--pj-fast) var(--pj-ease),color var(--pj-fast) var(--pj-ease),box-shadow var(--pj-base) var(--pj-ease),transform var(--pj-fast) var(--pj-ease)}.pj-dashboard button.bg-orange-500,.pj-dashboard button.bg-orange-600,.pj-dashboard a.bg-orange-500{box-shadow:var(--pj-shadow-xs)}.pj-dashboard button.bg-orange-500:hover,.pj-dashboard button.bg-orange-600:hover,.pj-dashboard a.bg-orange-500:hover{box-shadow:var(--pj-shadow-brand);transform:translateY(-1px)}.pj-dashboard button.bg-orange-500:active,.pj-dashboard button.bg-orange-600:active{transform:translateY(0) scale(.985);box-shadow:var(--pj-shadow-xs)}.pj-dashboard button.border:hover:not(.bg-orange-500):not(.bg-red-500):not(.bg-red-600){border-color:var(--pj-brand-200);background-color:var(--pj-brand-50)}.pj-dashboard button:focus-visible,.pj-dashboard a:focus-visible,.pj-dashboard input:focus-visible,.pj-dashboard select:focus-visible,.pj-dashboard textarea:focus-visible{outline:2px solid var(--pj-brand);outline-offset:2px}.pj-dashboard aside{background:var(--pj-surface);border-right:1px solid var(--pj-border)}.pj-dashboard aside nav button,.pj-dashboard aside nav a{position:relative;border-radius:10px;transition:background-color var(--pj-fast) var(--pj-ease),color var(--pj-fast) var(--pj-ease),padding-left var(--pj-base) var(--pj-ease)}.pj-dashboard aside nav button:hover,.pj-dashboard aside nav a:hover{background-color:var(--pj-brand-50);color:var(--pj-brand-700)}.pj-dashboard aside nav button.bg-orange-50,.pj-dashboard aside nav button.bg-orange-500,.pj-dashboard aside nav button[aria-current=page],.pj-dashboard aside nav .bg-orange-50{background-color:var(--pj-brand-50);color:var(--pj-brand-700);font-weight:700}.pj-dashboard aside nav button.bg-orange-50:before,.pj-dashboard aside nav button[aria-current=page]:before,.pj-dashboard aside nav .bg-orange-50:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0;background:var(--pj-brand)}.pj-dashboard aside .uppercase{letter-spacing:.08em;color:var(--pj-text-mute)}.pj-dashboard header.sticky{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--pj-border);box-shadow:var(--pj-shadow-xs)}.pj-dashboard input,.pj-dashboard select,.pj-dashboard textarea{transition:border-color var(--pj-fast) var(--pj-ease),box-shadow var(--pj-fast) var(--pj-ease),background-color var(--pj-fast) var(--pj-ease)}.pj-dashboard input:hover:not(:disabled),.pj-dashboard select:hover:not(:disabled),.pj-dashboard textarea:hover:not(:disabled){border-color:var(--pj-brand-200)}.pj-dashboard input:focus,.pj-dashboard select:focus,.pj-dashboard textarea:focus{border-color:var(--pj-brand);box-shadow:0 0 0 3px #f973161f}.pj-dashboard tbody tr{transition:background-color var(--pj-fast) var(--pj-ease)}.pj-dashboard tbody tr:hover{background-color:var(--pj-brand-50)}.pj-dashboard thead th{color:var(--pj-text-soft);font-weight:600;letter-spacing:.02em}.pj-dashboard [role=tab],.pj-dashboard .border-b-2{transition:color var(--pj-fast) var(--pj-ease),border-color var(--pj-fast) var(--pj-ease),background-color var(--pj-fast) var(--pj-ease)}.pj-dashboard .rounded-full.text-xs,.pj-dashboard .rounded-full.text-\[10px\]{font-weight:600;letter-spacing:.01em}.pj-dashboard *::-webkit-scrollbar{width:10px;height:10px}.pj-dashboard *::-webkit-scrollbar-track{background:transparent}.pj-dashboard *::-webkit-scrollbar-thumb{background:#d9dde4;border-radius:999px;border:3px solid var(--pj-bg)}.pj-dashboard *::-webkit-scrollbar-thumb:hover{background:var(--pj-brand-200)}.pj-card{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:16px;box-shadow:var(--pj-shadow-sm);transition:box-shadow var(--pj-base) var(--pj-ease),transform var(--pj-base) var(--pj-ease)}.pj-card:hover{box-shadow:var(--pj-shadow-md);transform:translateY(-2px)}.pj-stat{position:relative;overflow:hidden}.pj-stat:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--pj-brand),#FBBF24);opacity:0;transition:opacity var(--pj-base) var(--pj-ease)}.pj-stat:hover:after{opacity:1}@keyframes pj-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pj-fade-in{animation:pj-fade-up var(--pj-base) var(--pj-ease) both}.pj-dashboard{--pj-fs-page: 1.625rem;--pj-fs-section: .9375rem;--pj-fs-body: .875rem;--pj-fs-soft: .8125rem;--pj-fs-label: .75rem;--pj-fs-metric: 1.375rem;--pj-radius: 10px;--pj-radius-sm: 8px;--pj-pad-card: .875rem;--pj-heading: #1A1F36;--pj-body: #3C4257;--pj-muted: #697386;--pj-line: #EDEFF3;font-size:var(--pj-fs-body);color:var(--pj-body)}.pj-dashboard .pj-title{font-size:var(--pj-fs-page);font-weight:600;letter-spacing:-.02em;color:var(--pj-heading);line-height:1.2}.pj-dashboard .pj-subtitle{font-size:var(--pj-fs-soft);color:var(--pj-muted)}.pj-dashboard .pj-section{font-size:var(--pj-fs-section);font-weight:600;color:var(--pj-heading)}.pj-dashboard .pj-label{font-size:var(--pj-fs-label);font-weight:600;color:var(--pj-muted);text-transform:uppercase;letter-spacing:.04em}.pj-dashboard .pj-metric{font-size:var(--pj-fs-metric);font-weight:600;color:var(--pj-heading);letter-spacing:-.02em;line-height:1.15}.pj-dashboard h1{font-size:var(--pj-fs-page)}.pj-dashboard h2{font-size:1.25rem}.pj-dashboard h3{font-size:var(--pj-fs-section)}.pj-dashboard .text-5xl,.pj-dashboard .text-4xl{font-size:var(--pj-fs-metric)!important;line-height:1.15!important}.pj-dashboard .text-3xl{font-size:1.375rem!important}.pj-dashboard .text-2xl{font-size:1.1875rem!important}.pj-dashboard .pj-card{background:var(--pj-surface);border:1px solid var(--pj-line);border-radius:var(--pj-radius);box-shadow:var(--pj-shadow-xs);padding:var(--pj-pad-card)}.pj-dashboard .pj-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.pj-dashboard .bg-white.rounded-2xl,.pj-dashboard .bg-white.rounded-3xl{border-radius:var(--pj-radius)}.pj-dashboard .pj-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:34px;padding:0 .875rem;font-size:var(--pj-fs-body);font-weight:600;border-radius:var(--pj-radius-sm);transition:background var(--pj-fast) var(--pj-ease),border-color var(--pj-fast) var(--pj-ease)}.pj-dashboard .pj-btn-primary{background:var(--pj-brand);color:#fff}.pj-dashboard .pj-btn-primary:hover{background:var(--pj-brand-600)}.pj-dashboard .pj-btn-ghost{background:var(--pj-surface);color:var(--pj-body);border:1px solid var(--pj-border-strong)}.pj-dashboard .pj-btn-ghost:hover{background:#f6f8fa}.pj-dashboard .pj-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:999px;font-size:var(--pj-fs-label);font-weight:600;background:#f1f3f6;color:var(--pj-body);border:1px solid var(--pj-line)}.pj-dashboard .pj-badge-ok{background:#ecfdf3;color:#067647;border-color:#abefc6}.pj-dashboard .pj-badge-warn{background:#fffaeb;color:#b54708;border-color:#fedf89}.pj-dashboard .pj-badge-alert{background:#fef3f2;color:#b42318;border-color:#fecdca}.pj-dashboard .pj-table{width:100%;font-size:var(--pj-fs-body);border-collapse:collapse}.pj-dashboard .pj-table th{font-size:var(--pj-fs-label);font-weight:600;color:var(--pj-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:.5rem .625rem;border-bottom:1px solid var(--pj-line)}.pj-dashboard .pj-table td{padding:.625rem;border-bottom:1px solid #F2F4F7;color:var(--pj-body)}.pj-dashboard .pj-table tr:hover td{background:#fafbfc}.pj-dashboard .pj-input{height:34px;width:100%;padding:0 .625rem;font-size:var(--pj-fs-body);color:var(--pj-body);background:var(--pj-surface);border:1px solid var(--pj-border-strong);border-radius:var(--pj-radius-sm);transition:border-color var(--pj-fast) var(--pj-ease),box-shadow var(--pj-fast) var(--pj-ease)}.pj-dashboard .pj-input:focus{outline:none;border-color:var(--pj-brand);box-shadow:0 0 0 3px #f9731626}
