@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#050505;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--pnj-blue: #0054a6;--pnj-blue-dark: #003f7d;--pnj-blue-soft: #eef6ff;--pnj-purple: #6f2da8;--pnj-purple-dark: #53207f;--pnj-purple-soft: #f6effc;--sep-black: #050505;--sep-white: #ffffff;--sep-surface-muted: #f5f8fc;--sep-border: #cbd8e6;--sep-border-strong: #9bb3ca;--sep-text-muted: #526476;--sep-disabled: #dce4ec;--sep-danger: #9b1c31;--sep-danger-soft: #fff1f3;--sep-radius: 10px;--sep-shadow: 0 1px 2px rgba(7, 42, 78, .08)}*{box-sizing:border-box}html{min-width:320px;background:var(--sep-surface-muted)}body{margin:0;min-width:320px;min-height:100vh;background:var(--sep-surface-muted);color:var(--sep-black)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:var(--pnj-blue)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,84,166,.28);outline-offset:2px}#app-root,#app-layout{min-height:100vh}.sep-page-shell{width:min(100%,1080px);min-height:100vh;margin:0 auto;padding:24px}.sep-app-title{margin:0;color:var(--pnj-blue);font-size:clamp(1.5rem,2.6vw,1.75rem);line-height:1.2;font-weight:800;letter-spacing:-.02em}.sep-page-title{margin:0;color:var(--sep-black);font-size:clamp(1.5rem,3vw,1.75rem);line-height:1.2;font-weight:800}.sep-section-title{margin:0;color:var(--sep-black);font-size:clamp(1.125rem,2vw,1.35rem);line-height:1.3;font-weight:700}.sep-card-heading{display:grid;gap:4px;margin-bottom:16px}.sep-section-description,.sep-helper,.sep-meta{margin:0;color:var(--sep-text-muted);font-size:.875rem;line-height:1.45}.sep-card{width:100%;padding:20px;border:1px solid var(--sep-border);border-radius:var(--sep-radius);background:var(--sep-white);box-shadow:var(--sep-shadow)}.sep-stack{display:grid;gap:24px}.sep-button{min-height:44px;border:1px solid transparent;border-radius:8px;padding:10px 16px;font-weight:700;font-size:.875rem;line-height:1.2;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.sep-button:disabled{cursor:not-allowed;opacity:.55}.sep-button--full{width:100%}.sep-button--primary{background:var(--pnj-blue);color:var(--sep-white)}.sep-button--primary:not(:disabled):hover{background:var(--pnj-blue-dark)}.sep-button--secondary{border-color:var(--pnj-blue);background:var(--sep-white);color:var(--pnj-blue)}.sep-button--secondary:not(:disabled):hover{background:var(--pnj-blue-soft)}.sep-button--ghost{border-color:var(--sep-border);background:var(--sep-white);color:var(--sep-black)}.sep-button--ghost:not(:disabled):hover{border-color:var(--sep-border-strong);background:var(--sep-surface-muted)}.sep-button--warning{border-color:var(--pnj-purple);background:var(--pnj-purple);color:var(--sep-white)}.sep-badge{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:700;line-height:1.2;white-space:nowrap}.sep-badge--primary{border:1px solid rgba(0,84,166,.2);background:var(--pnj-blue-soft);color:var(--pnj-blue-dark)}.sep-badge--warning{border:1px solid rgba(111,45,168,.28);background:var(--pnj-purple-soft);color:var(--pnj-purple-dark)}.sep-badge--neutral{border:1px solid var(--sep-border);background:var(--sep-surface-muted);color:var(--sep-text-muted)}.sep-alert{border:1px solid var(--pnj-purple);border-radius:8px;padding:12px 14px;background:var(--pnj-purple-soft);color:var(--pnj-purple-dark);font-size:.875rem;line-height:1.45;font-weight:600}.sep-alert--error{border-color:#e8a7b2;background:var(--sep-danger-soft);color:var(--sep-danger)}.sep-control{width:100%;min-height:44px;border:1px solid var(--sep-border-strong);border-radius:8px;background:var(--sep-white);color:var(--sep-black);padding:10px 12px;font-size:.9375rem}textarea.sep-control{min-height:96px;resize:vertical;line-height:1.5}.sep-control::placeholder{color:#7d8c9a}.sep-control:disabled{background:var(--sep-disabled)}.sep-form{display:grid;gap:16px}.sep-form-group{display:grid;gap:14px}.sep-form-group+.sep-form-group{margin-top:20px;padding-top:20px;border-top:1px solid var(--sep-border)}.sep-form-group-title{margin:0;color:var(--pnj-blue-dark);font-size:.95rem;font-weight:700}.sep-form-row{display:grid;grid-template-columns:minmax(145px,38%) minmax(0,1fr);align-items:center;column-gap:16px}.sep-form-row--long{grid-template-columns:1fr;align-items:start;row-gap:8px}.sep-field-label{color:var(--sep-black);font-size:.875rem;line-height:1.35;font-weight:600}.sep-field-control{min-width:0}.sep-optional{display:block;margin-top:2px;color:var(--sep-text-muted);font-size:.75rem;font-weight:400}.sep-field-error{margin:6px 0 0;color:var(--pnj-purple-dark);font-size:.8rem;line-height:1.35;font-weight:600}.sep-data-grid{display:grid;gap:0;border-top:1px solid var(--sep-border)}.sep-data-row{display:grid;grid-template-columns:minmax(170px,40%) minmax(0,1fr);align-items:start;gap:16px;min-height:48px;padding:12px 0;border-bottom:1px solid var(--sep-border)}.sep-data-label{color:var(--sep-text-muted);font-size:.8125rem;font-weight:600}.sep-data-value{color:var(--sep-black);font-size:.9375rem;font-weight:650;overflow-wrap:anywhere}.sep-empty-state{padding:24px 16px;border:1px dashed var(--sep-border-strong);border-radius:8px;background:var(--sep-surface-muted);text-align:center;color:var(--sep-text-muted);font-size:.875rem}.sep-empty-state strong{display:block;color:var(--sep-black);margin-bottom:4px}.sep-empty-state p{margin:0}.sep-table{width:100%;border-collapse:collapse;border:1px solid var(--sep-border);background:var(--sep-white)}.sep-table th,.sep-table td{padding:12px 14px;border-bottom:1px solid var(--sep-border);text-align:left;font-size:.875rem}.sep-table th{background:var(--pnj-blue-soft);color:var(--pnj-blue-dark);font-weight:700}.sep-table-row-button{width:100%;min-height:48px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.sep-table-row-button:hover{background:var(--pnj-blue-soft)}.sep-loading-page,.sep-error-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--sep-surface-muted)}.sep-loading-panel,.sep-error-panel{width:min(100%,480px);text-align:center}.sep-loading-dot{width:28px;height:28px;margin:0 auto 14px;border:3px solid var(--sep-border);border-top-color:var(--pnj-blue);border-radius:50%;animation:sep-spin .8s linear infinite}@keyframes sep-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.sep-page-shell{padding:12px}.sep-card{padding:16px}.sep-form-row,.sep-data-row{grid-template-columns:minmax(112px,40%) minmax(0,1fr);gap:12px}}@media (max-width: 380px){.sep-form-row{grid-template-columns:1fr;align-items:start;row-gap:8px}.sep-data-row{grid-template-columns:minmax(104px,40%) minmax(0,1fr)}}.sep-login-page{display:grid;place-items:center}.sep-login-wrap{width:min(100%,620px)}.sep-login-heading{display:grid;gap:8px;margin-bottom:24px}.sep-brand-kicker{margin:0 0 4px;color:var(--pnj-blue);font-size:.78rem;line-height:1.3;font-weight:700;letter-spacing:.03em}.portfolio-header-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.portfolio-header-copy{display:grid;gap:5px}.portfolio-header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.priority-section{border-top:4px solid var(--pnj-blue)}.priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.priority-customer{display:grid;gap:10px;min-height:112px;padding:14px;border:1px solid var(--sep-border);border-radius:9px;background:var(--sep-white);color:var(--sep-black);text-align:left;cursor:pointer}.priority-customer:hover{border-color:var(--pnj-blue);background:var(--pnj-blue-soft)}.priority-customer--cared{border-color:var(--pnj-purple);background:var(--pnj-purple-soft)}.priority-customer-topline,.priority-customer-meta,.portfolio-filter-summary,.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.priority-customer-topline strong{font-size:1rem}.priority-customer-meta{align-items:flex-start;color:var(--sep-text-muted);font-size:.82rem;line-height:1.4}.portfolio-filters{display:grid;gap:16px;margin-bottom:18px}.portfolio-search-label,.filter-grid label{display:grid;gap:6px;color:var(--sep-black);font-size:.8rem;font-weight:650}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.portfolio-filter-summary{color:var(--sep-text-muted);font-size:.875rem}.portfolio-filter-summary p{margin:0}.portfolio-table-wrap{overflow-x:auto}.portfolio-table-cell{padding:0!important}.portfolio-table-button{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;padding:12px 14px}.pagination{margin-top:16px;font-size:.875rem}@media (max-width: 900px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.portfolio-header-grid{grid-template-columns:1fr}.portfolio-header-actions{justify-content:stretch}.portfolio-header-actions .sep-button{flex:1 1 150px}.priority-grid,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 380px){.priority-grid,.filter-grid{grid-template-columns:1fr}.portfolio-filter-summary{align-items:stretch;flex-direction:column}}.customer-detail-header-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.customer-header-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.history-list{display:grid}.history-item{display:grid;gap:14px;padding:18px 0;border-bottom:1px solid var(--sep-border)}.history-item:first-child{padding-top:0}.history-item:last-child{padding-bottom:0;border-bottom:0}.history-date{color:var(--pnj-blue-dark);font-size:.875rem;font-weight:700}.history-field{display:grid;gap:4px}.history-field strong{color:var(--sep-text-muted);font-size:.78rem;font-weight:700}.history-field p{margin:0;color:var(--sep-black);font-size:.9375rem;line-height:1.5;white-space:pre-wrap}@media (max-width: 640px){.customer-detail-header-grid{grid-template-columns:1fr;align-items:start}.customer-header-badges{justify-content:flex-start}}