.pph-wrap,
.pph-wrap * {
box-sizing: border-box;
}
.pph-wrap {
--pph-black: #08090b;
--pph-black-2: #0d0e12;
--pph-panel: #0b0c10;
--pph-card: #0e1015;
--pph-card-2: #11131a;
--pph-field: #11131a;
--pph-line: rgba(255, 255, 255, 0.18);
--pph-line-soft: rgba(255, 255, 255, 0.11);
--pph-text: #ffffff;
--pph-muted: rgba(255, 255, 255, 0.74);
--pph-faint: rgba(255, 255, 255, 0.52);
--pph-blue: #168dff;
--pph-blue-soft: rgba(22, 141, 255, 0.16);
--pph-orange: #ff9d00;
--pph-purple: #9b25ff;
--pph-magenta: #ff19c8;
--pph-cyan: #00b7ff;
--pph-green: #25d366;
--pph-danger: #ff5f6d;
--pph-radius: 8px;
width: 100%;
max-width: 1120px;
margin: 0 auto 24px;
color: var(--pph-text) !important;
font-family: "Poppins", "Montserrat", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
font-size: 13px;
line-height: 1.45;
font-weight: 500;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.pph-wrap h1,
.pph-wrap h2,
.pph-wrap h3,
.pph-wrap h4,
.pph-wrap h5,
.pph-wrap h6,
.pph-wrap p,
.pph-wrap span,
.pph-wrap small,
.pph-wrap label,
.pph-wrap input,
.pph-wrap textarea,
.pph-wrap select,
.pph-wrap button,
.pph-wrap a {
font-family: inherit !important;
}
.pph-wrap h1,
.pph-wrap h2,
.pph-wrap h3,
.pph-wrap h4,
.pph-wrap h5,
.pph-wrap h6,
.pph-wrap p {
margin-top: 0;
}
.pph-wrap h2,
.pph-wrap h3,
.pph-wrap h4,
.pph-wrap h5,
.pph-wrap h6 {
color: #ffffff !important;
font-weight: 700 !important;
letter-spacing: -0.04em;
}
.pph-wrap h2 {
margin-bottom: 8px;
font-size: clamp(34px, 4vw, 48px);
line-height: 0.98;
}
.pph-wrap h3 {
margin-bottom: 8px;
font-size: clamp(26px, 3vw, 38px);
line-height: 1.05;
}
.pph-wrap h4 {
margin-bottom: 6px;
font-size: 16px;
line-height: 1.18;
}
.pph-wrap h5 {
margin-bottom: 6px;
font-size: 14px;
line-height: 1.2;
}
.pph-wrap p,
.pph-wrap small,
.pph-wrap .pph-muted,
.pph-wrap .pph-clean-list span {
color: var(--pph-muted) !important;
}
.pph-wrap p {
margin-bottom: 12px;
}
.pph-wrap a {
color: #ffffff !important;
text-decoration: none !important;
}
.pph-wrap button,
.pph-wrap input:not([type="checkbox"]):not([type="radio"]),
.pph-wrap textarea,
.pph-wrap select {
appearance: none;
-webkit-appearance: none;
font-family: inherit !important;
}
.pph-eyebrow,
.pph-section-kicker {
display: inline-flex;
align-items: center;
margin: 0 0 8px !important;
color: var(--pph-blue) !important;
font-size: 11px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
.pph-section-kicker {
color: var(--pph-blue) !important;
}
.pph-hp-field {
position: absolute !important;
left: -9999px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} .pph-chip,
.pph-badge,
.pph-mini-btn,
.pph-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
padding: 10px 16px !important;
border: 1px solid var(--pph-blue) !important;
border-radius: 5px !important;
background: transparent !important;
color: #ffffff !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 700 !important;
white-space: nowrap !important;
text-decoration: none !important;
box-shadow: none !important;
cursor: pointer;
transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease, opacity 0.16s ease;
}
.pph-btn:not(.pph-btn-outline),
.pph-mini-btn:not(.pph-btn-outline) {
background: var(--pph-blue) !important;
border-color: var(--pph-blue) !important;
}
.pph-btn-outline,
.pph-mini-btn.pph-btn-outline {
border-color: rgba(255, 255, 255, 0.26) !important;
background: transparent !important;
}
.pph-btn:hover,
.pph-mini-btn:hover,
.pph-btn:focus-visible,
.pph-mini-btn:focus-visible {
transform: translateY(-1px);
color: #ffffff !important;
background: rgba(22, 141, 255, 0.88) !important;
outline: none !important;
}
.pph-btn-outline:hover,
.pph-mini-btn.pph-btn-outline:hover,
.pph-btn-outline:focus-visible,
.pph-mini-btn.pph-btn-outline:focus-visible {
background: rgba(255, 255, 255, 0.06) !important;
border-color: var(--pph-blue) !important;
}
.pph-btn:disabled,
.pph-mini-btn:disabled {
cursor: not-allowed;
opacity: 0.58;
transform: none !important;
}
.pph-badge,
.pph-chip {
min-height: 26px;
padding: 6px 10px !important;
border-color: rgba(255, 255, 255, 0.18) !important;
background: rgba(255, 255, 255, 0.045) !important;
font-size: 10px !important;
} .pph-console,
.pph-dashboard.pph-wrap {
background: transparent !important;
}
.pph-dashboard.pph-wrap {
max-width: 100% !important;
margin: 0 auto 18px !important;
}
.pph-console-header,
.pph-dashboard .pph-console-header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 18px !important;
overflow: hidden !important;
padding: 26px 28px !important;
border: 1px solid var(--pph-line) !important;
border-radius: var(--pph-radius) !important;
background:
radial-gradient(circle at 100% 0%, rgba(155, 37, 255, 0.18), transparent 30%),
linear-gradient(135deg, #0b0d12 0%, #07080b 72%) !important;
box-shadow: none !important;
}
.pph-dashboard .pph-console-header h2 {
margin: 0 0 8px !important;
color: #ffffff !important;
font-size: clamp(38px, 4.4vw, 54px) !important;
line-height: 0.98 !important;
letter-spacing: -0.055em !important;
font-weight: 700 !important;
text-shadow: none !important;
}
.pph-dashboard .pph-console-header p {
max-width: 720px !important;
margin: 0 !important;
color: #ffffff !important;
font-size: 14px !important;
line-height: 1.45 !important;
font-weight: 600 !important;
}
.pph-console-actions,
.pph-dashboard .pph-console-actions {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
min-width: 0 !important;
} .pph-console-stats,
.pph-dashboard .pph-console-stats {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 10px 0 !important;
}
.pph-console-stat,
.pph-dashboard .pph-console-stat {
position: relative !important;
min-width: 0 !important;
overflow: hidden !important;
display: grid !important;
grid-template-columns: 38px minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 12px !important;
min-height: 84px !important;
padding: 16px !important;
border: 1px solid var(--pph-line) !important;
border-radius: var(--pph-radius) !important;
background: var(--pph-card) !important;
box-shadow: none !important;
}
.pph-console-stat:nth-child(1) { border-color: rgba(155, 37, 255, 0.48) !important; }
.pph-console-stat:nth-child(2) { border-color: rgba(255, 157, 0, 0.54) !important; }
.pph-console-stat:nth-child(3) { border-color: rgba(22, 141, 255, 0.54) !important; }
.pph-console-stat:nth-child(4) { border-color: rgba(255, 25, 200, 0.48) !important; }
.pph-stat-icon,
.pph-dashboard .pph-stat-icon {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid rgba(22, 141, 255, 0.55) !important;
background: rgba(22, 141, 255, 0.10) !important;
}
.pph-stat-icon::before,
.pph-stat-icon-briefs::before,
.pph-stat-icon-jobs::before,
.pph-stat-icon-reports::before,
.pph-stat-icon-contact::before {
content: "" !important;
width: 9px !important;
height: 9px !important;
border-radius: 999px !important;
background: var(--pph-blue) !important;
box-shadow: 0 0 0 6px rgba(22, 141, 255, 0.13) !important;
}
.pph-console-stat:nth-child(1) .pph-stat-icon { border-color: rgba(155, 37, 255, 0.62) !important; background: rgba(155, 37, 255, 0.12) !important; }
.pph-console-stat:nth-child(1) .pph-stat-icon::before { background: var(--pph-purple) !important; box-shadow: 0 0 0 6px rgba(155, 37, 255, 0.14) !important; }
.pph-console-stat:nth-child(2) .pph-stat-icon { border-color: rgba(255, 157, 0, 0.64) !important; background: rgba(255, 157, 0, 0.11) !important; }
.pph-console-stat:nth-child(2) .pph-stat-icon::before { background: var(--pph-orange) !important; box-shadow: 0 0 0 6px rgba(255, 157, 0, 0.13) !important; }
.pph-console-stat:nth-child(4) .pph-stat-icon { border-color: rgba(255, 25, 200, 0.58) !important; background: rgba(255, 25, 200, 0.10) !important; }
.pph-console-stat:nth-child(4) .pph-stat-icon::before { background: var(--pph-magenta) !important; box-shadow: 0 0 0 6px rgba(255, 25, 200, 0.13) !important; }
.pph-stat-copy,
.pph-dashboard .pph-stat-copy {
min-width: 0 !important;
display: grid !important;
gap: 3px !important;
}
.pph-stat-label,
.pph-dashboard .pph-stat-label {
display: block !important;
color: #ffffff !important;
font-size: 12px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
letter-spacing: 0.03em !important;
text-transform: uppercase !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
.pph-console-stat small,
.pph-dashboard .pph-console-stat small {
display: block !important;
color: var(--pph-muted) !important;
font-size: 11px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
white-space: normal !important;
}
.pph-console-stat strong,
.pph-dashboard .pph-console-stat strong {
display: block !important;
min-width: 24px !important;
color: #ffffff !important;
font-size: 32px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: -0.04em !important;
text-align: right !important;
} .pph-console-shell,
.pph-dashboard .pph-console-shell {
display: grid !important;
grid-template-columns: 250px minmax(0, 1fr) !important;
gap: 0 !important;
margin-top: 10px !important;
overflow: hidden !important;
border: 1px solid var(--pph-line) !important;
border-radius: var(--pph-radius) !important;
background: var(--pph-black) !important;
box-shadow: none !important;
}
.pph-tool-rail,
.pph-dashboard .pph-tool-rail {
position: relative !important;
top: auto !important;
display: block !important;
min-width: 0 !important;
padding: 16px !important;
border: 0 !important;
border-right: 1px solid var(--pph-line-soft) !important;
border-radius: 0 !important;
background: #090a0d !important;
box-shadow: none !important;
}
.pph-rail-head,
.pph-dashboard .pph-rail-head {
display: block !important;
padding: 0 0 10px !important;
margin: 0 !important;
border: 0 !important;
}
.pph-nav-item,
.pph-wrap .pph-nav-item.pph-tab-trigger,
.pph-dashboard .pph-nav-item {
position: relative !important;
width: 100% !important;
min-width: 0 !important;
min-height: 64px !important;
display: grid !important;
grid-template-columns: 34px minmax(0, 1fr) 12px !important;
align-items: center !important;
gap: 10px !important;
margin: 0 0 8px !important;
padding: 11px !important;
border: 1px solid var(--pph-line-soft) !important;
border-radius: 6px !important;
background: rgba(255, 255, 255, 0.025) !important;
color: #ffffff !important;
text-align: left !important;
text-decoration: none !important;
box-shadow: none !important;
cursor: pointer !important;
transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease !important;
}
.pph-nav-item:hover,
.pph-nav-item:focus-visible,
.pph-nav-item.is-active,
.pph-dashboard .pph-nav-item:hover,
.pph-dashboard .pph-nav-item:focus-visible,
.pph-dashboard .pph-nav-item.is-active {
background: rgba(22, 141, 255, 0.10) !important;
border-color: var(--pph-blue) !important;
color: #ffffff !important;
transform: translateY(-1px) !important;
outline: none !important;
}
.pph-nav-number,
.pph-dashboard .pph-nav-number {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
border-radius: 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #ffffff !important;
background: var(--pph-blue) !important;
border: 1px solid var(--pph-blue) !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 700 !important;
}
.pph-nav-icon,
.pph-dashboard .pph-nav-icon {
display: none !important;
}
.pph-nav-copy,
.pph-dashboard .pph-nav-copy {
min-width: 0 !important;
display: grid !important;
gap: 3px !important;
text-align: left !important;
}
.pph-nav-copy strong,
.pph-dashboard .pph-nav-copy strong {
display: block !important;
min-width: 0 !important;
color: #ffffff !important;
font-size: 12px !important;
line-height: 1.18 !important;
font-weight: 700 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
.pph-nav-copy small,
.pph-dashboard .pph-nav-copy small {
display: block !important;
min-width: 0 !important;
color: var(--pph-muted) !important;
font-size: 10.5px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
white-space: normal !important;
}
.pph-nav-chevron,
.pph-dashboard .pph-nav-chevron {
color: #ffffff !important;
font-size: 18px !important;
line-height: 1 !important;
opacity: 0.75 !important;
}
.pph-console-main,
.pph-dashboard .pph-console-main {
min-width: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
border: 0 !important;
border-radius: 0 !important;
background: #0a0c11 !important;
box-shadow: none !important;
}
.pph-console-panel {
display: none;
min-width: 0 !important;
}
.pph-console-panel.is-active {
display: block;
}
.pph-console-panel-head,
.pph-dashboard .pph-console-panel-head {
padding: 26px 28px 12px !important;
border: 0 !important;
background: transparent !important;
}
.pph-console-panel-head h3,
.pph-dashboard .pph-console-panel-head h3 {
margin: 4px 0 8px !important;
color: #ffffff !important;
font-size: clamp(30px, 3.4vw, 42px) !important;
line-height: 1.02 !important;
letter-spacing: -0.055em !important;
font-weight: 700 !important;
}
.pph-console-panel-head p,
.pph-dashboard .pph-console-panel-head p {
max-width: 780px !important;
margin: 0 !important;
color: #ffffff !important;
font-size: 13.5px !important;
line-height: 1.5 !important;
font-weight: 600 !important;
}
.pph-console-panel-body,
.pph-dashboard .pph-console-panel-body {
padding: 0 28px 28px !important;
}
.pph-console-panel-body > .pph-wrap.pph-tool,
.pph-console-panel .pph-tool,
.pph-console-panel .pph-wrap.pph-tool {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #ffffff !important;
}
.pph-console-panel-body > .pph-wrap.pph-tool > .pph-tool-head,
.pph-console-panel .pph-tool-head {
display: none !important;
} .pph-form,
.pph-console-panel .pph-brief-form {
display: grid !important;
gap: 14px !important;
}
.pph-form-grid,
.pph-console-panel .pph-brief-form .pph-form-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 13px 16px !important;
}
.pph-console-panel .pph-brief-form .pph-form-grid > label:nth-child(13),
.pph-full-field {
grid-column: 1 / -1 !important;
}
.pph-form label,
.pph-service-selector label {
display: grid !important;
gap: 0 !important;
min-width: 0 !important;
color: #ffffff !important;
}
.pph-form label span,
.pph-service-selector label span,
.pph-console-panel .pph-brief-form label span {
display: block !important;
margin: 0 0 6px !important;
color: #ffffff !important;
font-size: 11.5px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
.pph-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.pph-form textarea,
.pph-form select,
.pph-service-selector select,
.pph-question-row select,
.pph-console-panel .pph-brief-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.pph-console-panel .pph-brief-form select,
.pph-console-panel .pph-brief-form textarea {
width: 100% !important;
min-height: 42px !important;
padding: 10px 12px !important;
border: 1px solid var(--pph-line) !important;
border-radius: 5px !important;
background: var(--pph-field) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
caret-color: #ffffff !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
box-shadow: none !important;
outline: none !important;
}
.pph-form textarea,
.pph-console-panel .pph-brief-form textarea {
min-height: 92px !important;
resize: vertical !important;
}
.pph-form input::placeholder,
.pph-form textarea::placeholder,
.pph-console-panel .pph-brief-form input::placeholder,
.pph-console-panel .pph-brief-form textarea::placeholder {
color: rgba(255, 255, 255, 0.48) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.48) !important;
opacity: 1 !important;
}
.pph-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
.pph-form textarea:focus,
.pph-form select:focus,
.pph-service-selector select:focus,
.pph-question-row select:focus,
.pph-console-panel .pph-brief-form input:focus,
.pph-console-panel .pph-brief-form select:focus,
.pph-console-panel .pph-brief-form textarea:focus {
border-color: var(--pph-blue) !important;
box-shadow: 0 0 0 2px rgba(22, 141, 255, 0.18) !important;
outline: none !important;
}
.pph-form select,
.pph-service-selector select,
.pph-question-row select {
background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%);
background-position: calc(100% - 16px) calc(50% - 3px), calc(100% - 11px) calc(50% - 3px);
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
padding-right: 34px !important;
}
.pph-form select option,
.pph-service-selector select option,
.pph-question-row select option {
color: #111111 !important;
background: #ffffff !important;
}
.pph-form input:-webkit-autofill,
.pph-form input:-webkit-autofill:hover,
.pph-form input:-webkit-autofill:focus,
.pph-form textarea:-webkit-autofill,
.pph-form textarea:-webkit-autofill:hover,
.pph-form textarea:-webkit-autofill:focus,
.pph-form select:-webkit-autofill,
.pph-form select:-webkit-autofill:hover,
.pph-form select:-webkit-autofill:focus {
-webkit-text-fill-color: #ffffff !important;
caret-color: #ffffff !important;
transition: background-color 9999s ease-in-out 0s;
box-shadow: 0 0 0 1000px #11131a inset !important;
}
.pph-console-panel .pph-brief-form .pph-btn,
.pph-client-brief-tool .pph-brief-form .pph-btn,
.pph-form .pph-btn {
justify-self: end !important;
width: auto !important;
min-width: 210px !important;
}
.pph-checkbox-line {
display: grid !important;
grid-template-columns: 18px minmax(0, 1fr);
align-items: start;
gap: 10px !important;
margin-top: 10px;
padding: 12px;
border: 1px solid var(--pph-line-soft);
border-radius: 6px;
background: rgba(255, 255, 255, 0.035);
}
.pph-checkbox-line input {
appearance: auto !important;
-webkit-appearance: auto !important;
width: auto !important;
min-height: auto !important;
margin-top: 2px;
}
.pph-checkbox-line span {
color: #ffffff !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
} .pph-tool,
.pph-panel,
.pph-access-box,
.pph-compact-panel,
.pph-empty-state,
.pph-service-card,
.pph-next-step,
.pph-report-block,
.pph-job-card,
.pph-application-intro,
.pph-form-block,
.pph-success,
.pph-success-box,
.pph-error-box,
.pph-coach-answer {
padding: 16px;
border: 1px solid var(--pph-line);
border-radius: var(--pph-radius);
background: var(--pph-card);
box-shadow: none;
}
.pph-tool-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 14px;
margin-bottom: 14px;
}
.pph-tool-head p,
.pph-job-card-head p,
.pph-job-notes p,
.pph-empty-state p,
.pph-success p,
.pph-coach-answer p {
margin-bottom: 0;
}
.pph-question-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 140px;
align-items: center;
gap: 12px;
padding: 12px;
border: 1px solid var(--pph-line-soft);
border-radius: 6px;
background: rgba(255, 255, 255, 0.025);
}
.pph-question-row span {
color: #ffffff !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.pph-success-box,
.pph-success,
.pph-next-step {
background: rgba(22, 141, 255, 0.09) !important;
border-color: rgba(22, 141, 255, 0.38) !important;
}
.pph-error-box {
background: rgba(255, 95, 109, 0.10) !important;
border-color: rgba(255, 95, 109, 0.34) !important;
color: #ffb3ba !important;
}
.pph-result {
margin-top: 12px;
}
.pph-report {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
gap: 12px;
}
.pph-report-score {
width: 84px;
height: 84px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 8px;
color: #ffffff !important;
background: linear-gradient(135deg, var(--pph-purple), var(--pph-blue));
}
.pph-report-score span {
color: #ffffff !important;
font-size: 28px;
font-weight: 700;
line-height: 1;
}
.pph-report-block {
grid-column: 1 / -1;
}
.pph-report-block ul,
.pph-clean-list {
margin: 0;
padding-left: 18px;
}
.pph-clean-list {
display: grid;
gap: 8px;
padding-left: 0;
list-style: none;
}
.pph-clean-list li {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 11px 12px;
border: 1px solid var(--pph-line-soft);
border-radius: 6px;
background: rgba(255, 255, 255, 0.025);
}
.pph-clean-list li strong {
color: #ffffff !important;
}
.pph-activity-grid,
.pph-dashboard .pph-activity-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.pph-dashboard .pph-activity-grid .pph-compact-panel:nth-child(3) {
grid-column: 1 / -1 !important;
}
.pph-compact-panel h3 {
font-size: 17px !important;
margin-bottom: 10px !important;
}
.pph-job-list {
display: grid;
gap: 12px;
}
.pph-job-card {
display: grid;
gap: 12px;
}
.pph-job-card-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.pph-job-card-head h4 {
margin-bottom: 4px;
}
.pph-job-card-head p strong {
color: #ffffff !important;
font-weight: 700;
}
.pph-job-status-pill {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 7px 11px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.045);
border: 1px solid rgba(255, 255, 255, 0.18);
color: #ffffff !important;
font-size: 10.5px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.pph-job-status-received .pph-job-status-pill,
.pph-job-status-quoting .pph-job-status-pill,
.pph-job-status-quote_sent .pph-job-status-pill,
.pph-job-status-awaiting_payment .pph-job-status-pill {
border-color: rgba(255, 157, 0, 0.58);
background: rgba(255, 157, 0, 0.11);
}
.pph-job-status-in_production .pph-job-status-pill,
.pph-job-status-proof_sent .pph-job-status-pill,
.pph-job-status-revisions_required .pph-job-status-pill {
border-color: rgba(22, 141, 255, 0.58);
background: rgba(22, 141, 255, 0.11);
}
.pph-job-status-final_files_delivered .pph-job-status-pill,
.pph-job-status-completed .pph-job-status-pill {
border-color: rgba(37, 211, 102, 0.58);
background: rgba(37, 211, 102, 0.10);
}
.pph-job-status-cancelled .pph-job-status-pill {
border-color: rgba(255, 95, 109, 0.48);
background: rgba(255, 95, 109, 0.10);
}
.pph-job-meta-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}
.pph-job-meta-grid > div,
.pph-job-notes {
padding: 11px;
border: 1px solid var(--pph-line-soft);
border-radius: 6px;
background: rgba(255, 255, 255, 0.025);
}
.pph-job-meta-grid small,
.pph-job-notes small {
display: block;
margin-bottom: 4px;
color: var(--pph-faint) !important;
text-transform: uppercase;
letter-spacing: 0.10em;
font-size: 9.5px;
}
.pph-job-meta-grid strong {
display: block;
color: #ffffff !important;
font-size: 12.5px;
font-weight: 600;
line-height: 1.35;
}
.pph-job-foot {
display: flex;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding-top: 2px;
color: var(--pph-faint) !important;
font-size: 10.5px;
}
.pph-job-list-compact .pph-job-meta-grid {
grid-template-columns: 1fr;
} .pph-application-wrap {
max-width: 1080px;
}
.pph-application-shell {
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: 12px;
padding: 12px;
border: 1px solid var(--pph-line);
border-radius: var(--pph-radius);
background: var(--pph-black);
}
.pph-application-intro h2 {
font-size: clamp(30px, 3vw, 44px);
}
.pph-application-intro p {
color: #ffffff !important;
font-weight: 500;
}
.pph-application-note {
display: grid;
gap: 4px;
margin-top: 14px;
padding: 12px;
border-radius: 6px;
border-left: 3px solid var(--pph-blue);
background: rgba(255, 255, 255, 0.035);
}
.pph-application-note strong {
color: #ffffff !important;
}
.pph-application-note span,
.pph-field-note {
color: var(--pph-muted) !important;
font-size: 11.5px;
font-weight: 500;
}
.pph-application-form {
padding: 0;
}
.pph-form-block + .pph-form-block {
margin-top: 10px;
}
.pph-form-block-head {
margin-bottom: 10px;
}
.pph-form-block-head h3 {
margin-bottom: 0;
font-size: 18px;
} .pph-wrap .pph-places-address.pph-places-fallback {
background-image: none !important;
}
.pac-container,
.pac-container * {
box-sizing: border-box !important;
font-family: "Poppins", "Montserrat", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
.pac-container {
display: block !important;
overflow: hidden !important;
z-index: 2147483647 !important;
border: 1px solid rgba(255, 255, 255, 0.16) !important;
border-radius: 8px !important;
background: #090a0f !important;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38) !important;
}
.pac-container .pac-item {
display: block !important;
width: 100% !important;
min-height: 38px !important;
height: auto !important;
margin: 0 !important;
padding: 9px 12px !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
background: #090a0f !important;
color: #d7dbe6 !important;
line-height: 1.35 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
cursor: pointer !important;
}
.pac-container .pac-item:first-child {
border-top: 0 !important;
}
.pac-container .pac-item:hover,
.pac-container .pac-item-selected {
background: rgba(22, 141, 255, 0.14) !important;
}
.pac-container .pac-icon,
.pac-container .pac-logo::after {
display: none !important;
}
.pac-container .pac-item span {
display: inline !important;
float: none !important;
width: auto !important;
height: auto !important;
line-height: 1.35 !important;
color: inherit !important;
background: transparent !important;
}
.pac-container .pac-item-query,
.pac-container .pac-matched {
color: #ffffff !important;
font-weight: 700 !important;
} .pph-standalone-page {
width: 100%;
padding: 30px 16px 44px;
background: var(--pph-black, #08090b);
}
body.pph-plugin-page.pph-suppress-cart-drawer {
overflow-x: hidden !important;
}
body.pph-plugin-page.pph-suppress-cart-drawer .elementor-menu-cart__container,
body.pph-plugin-page.pph-suppress-cart-drawer .elementor-menu-cart__main,
body.pph-plugin-page.pph-suppress-cart-drawer .elementor-menu-cart__wrapper .elementor-menu-cart__container,
body.pph-plugin-page.pph-suppress-cart-drawer .elementor-lightbox.elementor-menu-cart__container,
body.pph-plugin-page.pph-suppress-cart-drawer .dialog-widget.elementor-menu-cart__container,
body.pph-plugin-page.pph-suppress-cart-drawer .dialog-lightbox-widget.elementor-menu-cart__container,
body.pph-plugin-page.pph-suppress-cart-drawer .e-off-canvas {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
transform: translateX(120%) !important;
} body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce {
display: flex !important;
align-items: flex-start !important;
gap: 28px !important;
flex-wrap: nowrap !important;
width: 100% !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 230px !important;
width: 230px !important;
max-width: 230px !important;
min-width: 220px !important;
float: none !important;
clear: none !important;
margin: 0 !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
float: none !important;
clear: none !important;
margin: 0 !important;
color: #ffffff !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation li {
margin: 0 0 8px !important;
padding: 0 !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation a {
display: block !important;
padding: 12px 14px !important;
border: 1px solid rgba(255, 255, 255, 0.14) !important;
border-radius: 5px !important;
background: #0e1015 !important;
color: #ffffff !important;
font-family: "Poppins", "Montserrat", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-decoration: none !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation a:focus-visible {
border-color: var(--pph-blue, #168dff) !important;
background: #111722 !important;
color: #ffffff !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard {
max-width: none !important;
margin: 0 !important;
overflow: visible !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-console-stats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-console-shell {
grid-template-columns: 1fr !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-tool-rail {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
border-right: 0 !important;
border-bottom: 1px solid var(--pph-line-soft) !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-rail-head {
grid-column: 1 / -1 !important;
padding-bottom: 2px !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-nav-item {
min-height: 62px !important;
margin: 0 !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-brief-form .pph-form-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
} @media (max-width: 1180px) {
.pph-console-stats,
.pph-dashboard .pph-console-stats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.pph-console-shell,
.pph-dashboard .pph-console-shell {
grid-template-columns: 1fr !important;
}
.pph-tool-rail,
.pph-dashboard .pph-tool-rail {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
border-right: 0 !important;
border-bottom: 1px solid var(--pph-line-soft) !important;
}
.pph-rail-head,
.pph-dashboard .pph-rail-head {
grid-column: 1 / -1 !important;
}
.pph-nav-item,
.pph-dashboard .pph-nav-item {
margin: 0 !important;
}
.pph-application-shell {
grid-template-columns: 1fr;
}
}
@media (max-width: 980px) {
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce {
display: block !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation,
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 0 18px !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation ul {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation li {
margin: 0 !important;
}
}
@media (max-width: 760px) {
.pph-console-header,
.pph-dashboard .pph-console-header {
grid-template-columns: 1fr !important;
padding: 22px !important;
}
.pph-dashboard .pph-console-header h2 {
font-size: clamp(34px, 11vw, 48px) !important;
}
.pph-console-actions,
.pph-dashboard .pph-console-actions {
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.pph-console-actions .pph-mini-btn,
.pph-dashboard .pph-console-actions .pph-mini-btn {
width: 100% !important;
}
.pph-form-grid,
.pph-console-panel .pph-brief-form .pph-form-grid,
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-brief-form .pph-form-grid,
.pph-activity-grid,
.pph-dashboard .pph-activity-grid,
.pph-job-meta-grid {
grid-template-columns: 1fr !important;
}
.pph-question-row {
grid-template-columns: 1fr;
}
.pph-job-card-head {
display: grid;
}
.pph-job-status-pill {
width: 100%;
}
.pph-tool-rail,
.pph-dashboard .pph-tool-rail,
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-tool-rail {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 560px) {
.pph-standalone-page {
padding: 18px 10px 32px;
}
.pph-console-stats,
.pph-dashboard .pph-console-stats,
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-console-stats,
.pph-tool-rail,
.pph-dashboard .pph-tool-rail,
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-content .pph-wrap.pph-dashboard .pph-tool-rail,
body.woocommerce-account.pph-partner-hub-route:not(.pph-suppress-cart-drawer) .woocommerce-MyAccount-navigation ul {
grid-template-columns: 1fr !important;
}
.pph-console-panel-head,
.pph-dashboard .pph-console-panel-head {
padding: 22px 18px 12px !important;
}
.pph-console-panel-body,
.pph-dashboard .pph-console-panel-body {
padding: 0 18px 22px !important;
}
.pph-console-actions,
.pph-dashboard .pph-console-actions {
grid-template-columns: 1fr !important;
}
.pph-console-panel .pph-brief-form .pph-btn,
.pph-client-brief-tool .pph-brief-form .pph-btn,
.pph-form .pph-btn,
.pph-btn,
.pph-mini-btn {
width: 100% !important;
min-width: 0 !important;
}
.pph-report {
grid-template-columns: 1fr;
}
} .pph-wrap {
font-size: 12.5px !important;
font-weight: 500 !important;
}
.pph-wrap h2,
.pph-wrap h3,
.pph-wrap h4,
.pph-wrap h5,
.pph-wrap h6 {
font-weight: 600 !important;
letter-spacing: -0.035em !important;
}
.pph-wrap h2 {
font-size: clamp(30px, 3.4vw, 42px) !important;
}
.pph-wrap h3 {
font-size: clamp(22px, 2.6vw, 32px) !important;
}
.pph-wrap h4 {
font-size: 15px !important;
}
.pph-eyebrow,
.pph-section-kicker {
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 0.11em !important;
}
.pph-dashboard .pph-console-header {
padding: 24px 28px !important;
}
.pph-dashboard .pph-console-header h2 {
font-size: clamp(34px, 4vw, 48px) !important;
font-weight: 600 !important;
letter-spacing: -0.055em !important;
}
.pph-dashboard .pph-console-header p {
font-size: 13px !important;
font-weight: 500 !important;
max-width: 650px !important;
}
.pph-btn,
.pph-mini-btn,
.pph-badge,
.pph-chip {
font-weight: 700 !important;
}
.pph-dashboard .pph-console-stat {
grid-template-columns: 32px minmax(0, 1fr) auto !important;
min-height: 72px !important;
padding: 13px 14px !important;
}
.pph-dashboard .pph-stat-icon {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
}
.pph-dashboard .pph-stat-label {
font-size: 11px !important;
font-weight: 700 !important;
}
.pph-dashboard .pph-console-stat small {
font-size: 10px !important;
}
.pph-dashboard .pph-console-stat strong {
font-size: 28px !important;
font-weight: 600 !important;
}
.pph-dashboard .pph-tool-rail {
padding: 14px !important;
}
.pph-dashboard .pph-rail-head .pph-section-kicker,
.pph-dashboard .pph-rail-head .pph-eyebrow {
font-size: 10px !important;
font-weight: 700 !important;
}
.pph-dashboard .pph-nav-item {
min-height: 56px !important;
grid-template-columns: 30px minmax(0, 1fr) 12px !important;
gap: 9px !important;
padding: 10px !important;
}
.pph-dashboard .pph-nav-number {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
font-size: 10px !important;
font-weight: 700 !important;
}
.pph-dashboard .pph-nav-copy strong {
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
}
.pph-dashboard .pph-nav-copy small {
font-size: 9.6px !important;
line-height: 1.22 !important;
}
.pph-dashboard .pph-console-panel-head {
padding: 24px 28px 12px !important;
}
.pph-dashboard .pph-console-panel-head h3 {
font-size: clamp(26px, 3vw, 36px) !important;
font-weight: 600 !important;
letter-spacing: -0.05em !important;
}
.pph-dashboard .pph-console-panel-head p {
font-size: 12.5px !important;
font-weight: 500 !important;
}
.pph-form label span,
.pph-service-selector label span,
.pph-console-panel .pph-brief-form label span {
font-size: 11px !important;
font-weight: 700 !important;
}
.pph-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.pph-form textarea,
.pph-form select,
.pph-service-selector select,
.pph-question-row select {
min-height: 40px !important;
font-size: 12.5px !important;
}
.pph-gap-intro {
display: grid;
gap: 5px;
padding: 13px 14px;
border: 1px solid rgba(22, 141, 255, 0.34);
border-radius: 7px;
background: rgba(22, 141, 255, 0.08);
}
.pph-gap-intro strong {
display: block;
color: #ffffff !important;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
}
.pph-gap-intro span {
color: var(--pph-muted) !important;
font-size: 11.5px;
line-height: 1.4;
}
.pph-gap-url-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.pph-gap-url-grid .pph-full-field {
grid-column: 1 / -1 !important;
}
.pph-scan-points {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: -2px;
}
.pph-scan-points span {
display: inline-flex;
align-items: center;
min-height: 25px;
padding: 6px 9px;
border: 1px solid var(--pph-line-soft);
border-radius: 999px;
background: rgba(255, 255, 255, 0.035);
color: var(--pph-muted) !important;
font-size: 10px;
font-weight: 600;
line-height: 1;
}
.pph-report-checks {
grid-column: 1 / -1;
}
.pph-report-check-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
margin-top: 8px;
}
.pph-report-check {
display: grid;
gap: 4px;
min-width: 0;
padding: 10px;
border: 1px solid var(--pph-line-soft);
border-radius: 7px;
background: rgba(255, 255, 255, 0.03);
}
.pph-report-check strong {
color: #ffffff !important;
font-size: 11.5px;
font-weight: 700;
line-height: 1.2;
}
.pph-report-check span {
color: var(--pph-blue) !important;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.pph-report-check small {
color: var(--pph-muted) !important;
font-size: 10.5px;
line-height: 1.35;
}
.pph-check-weak {
border-color: rgba(255, 95, 109, 0.42) !important;
}
.pph-check-needs-work {
border-color: rgba(255, 157, 0, 0.42) !important;
}
.pph-check-strong {
border-color: rgba(37, 211, 102, 0.36) !important;
}
.pph-report-actions {
grid-column: 1 / -1;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 8px;
margin-top: 2px;
}
.pph-report-actions .pph-mini-btn {
min-height: 34px !important;
padding: 8px 12px !important;
font-size: 11px !important;
}
@media (max-width: 760px) {
.pph-dashboard .pph-console-header h2 {
font-size: clamp(32px, 10vw, 42px) !important;
}
.pph-dashboard .pph-console-panel-head h3 {
font-size: clamp(25px, 8vw, 34px) !important;
}
.pph-gap-url-grid,
.pph-report-check-grid {
grid-template-columns: 1fr !important;
}
} .pph-dashboard .pph-console-stat {
appearance: none;
border: 1px solid rgba(255,255,255,.18);
text-align: left;
cursor: pointer;
font: inherit;
}
.pph-dashboard .pph-console-stat:hover,
.pph-dashboard .pph-console-stat:focus-visible {
transform: translateY(-1px);
border-color: rgba(30,144,255,.75);
box-shadow: 0 0 0 3px rgba(30,144,255,.16);
outline: none;
}
.pph-clickable-list {
display: grid;
gap: 8px;
}
.pph-clickable-list li {
padding: 0 !important;
border: 0 !important;
}
.pph-record-link {
appearance: none;
width: 100%;
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.03);
color: inherit;
border-radius: 8px;
padding: 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
text-align: left;
cursor: pointer;
font: inherit;
}
.pph-record-link:hover,
.pph-record-link:focus-visible {
border-color: rgba(30,144,255,.75);
background: rgba(30,144,255,.08);
outline: none;
}
.pph-record-link small {
display: block;
margin-top: 2px;
opacity: .72;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .06em;
}
body.pph-modal-open {
overflow: hidden;
}
.pph-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
padding: 20px;
}
.pph-modal.is-open {
display: flex;
}
.pph-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0,0,0,.72);
backdrop-filter: blur(3px);
}
.pph-modal-dialog {
position: relative;
width: min(820px, 100%);
max-height: min(82vh, 760px);
overflow: auto;
background: #0b0d12;
border: 1px solid rgba(255,255,255,.16);
border-radius: 16px;
padding: 24px;
color: #fff;
box-shadow: 0 24px 80px rgba(0,0,0,.55);
}
.pph-modal-close {
position: absolute;
top: 12px;
right: 12px;
width: 36px;
height: 36px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.18);
background: rgba(255,255,255,.06);
color: #fff;
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.pph-modal-close:hover,
.pph-modal-close:focus-visible {
border-color: rgba(30,144,255,.75);
outline: none;
}
.pph-record-detail-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
.pph-record-detail-row,
.pph-record-summary-card,
.pph-record-content,
.pph-saved-report {
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.035);
border-radius: 12px;
padding: 14px;
}
.pph-record-detail-row small {
display: block;
opacity: .68;
margin-bottom: 5px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .06em;
}
.pph-record-detail-row strong {
display: block;
font-weight: 600;
word-break: break-word;
}
.pph-record-summary-card,
.pph-record-content,
.pph-saved-report {
margin-top: 16px;
}
.pph-record-content p:last-child,
.pph-saved-report p:last-child {
margin-bottom: 0;
}
@media (max-width: 700px) {
.pph-modal {
padding: 10px;
align-items: flex-end;
}
.pph-modal-dialog {
max-height: 88vh;
border-radius: 14px 14px 0 0;
padding: 20px 16px;
}
.pph-record-detail-grid {
grid-template-columns: 1fr;
}
} .pph-next-step,
.pph-next-step strong {
color: #ffffff !important;
}
.pph-next-step strong {
opacity: 0.96 !important;
}
.pph-next-step {
line-height: 1.5 !important;
} .pph-form label span em {
display: inline-block !important;
margin-left: 4px !important;
color: rgba(255,255,255,.62) !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
.pph-form input[type="date"] {
color-scheme: dark !important;
}
.pph-form input[type="date"]::-webkit-calendar-picker-indicator {
filter: invert(1) brightness(1.8) !important;
opacity: .92 !important;
cursor: pointer !important;
}
.pph-result.pph-success-box,
.pph-success,
.pph-success * {
color: #ffffff !important;
}
.pph-result.pph-success-box {
border: 1px solid rgba(22,141,255,.48) !important;
box-shadow: inset 0 0 0 1px rgba(22,141,255,.22) !important;
}
.pph-success.pph-success-double {
border: 1px solid rgba(22,141,255,.56) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
.pph-modal-dialog,
.pph-modal-dialog h3,
.pph-modal-dialog h4,
.pph-modal-dialog p,
.pph-modal-dialog strong,
.pph-modal-dialog small,
.pph-record-summary-card,
.pph-record-summary-card *,
.pph-record-detail-row,
.pph-record-detail-row *,
.pph-record-content,
.pph-record-content *,
.pph-saved-report,
.pph-saved-report * {
color: #ffffff !important;
}
.pph-record-detail-row small,
.pph-record-content h4,
.pph-record-summary-card p {
opacity: .82 !important;
}
.pph-activity-statement-wrap {
width: 100% !important;
}
.pph-activity-statement {
display: grid !important;
gap: 0 !important;
overflow: hidden !important;
border: 1px solid rgba(255,255,255,.14) !important;
border-radius: 12px !important;
background: rgba(255,255,255,.025) !important;
}
.pph-activity-statement-head,
.pph-activity-row {
display: grid !important;
grid-template-columns: 96px 112px minmax(0, 1fr) 116px !important;
align-items: center !important;
gap: 10px !important;
}
.pph-activity-statement-head {
padding: 9px 12px !important;
border-bottom: 1px solid rgba(255,255,255,.12) !important;
background: rgba(255,255,255,.04) !important;
}
.pph-activity-statement-head span {
color: rgba(255,255,255,.68) !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
.pph-activity-statement .pph-activity-row.pph-record-link {
width: 100% !important;
border: 0 !important;
border-bottom: 1px solid rgba(255,255,255,.09) !important;
border-radius: 0 !important;
padding: 10px 12px !important;
background: transparent !important;
box-shadow: none !important;
color: #ffffff !important;
font-size: 12px !important;
line-height: 1.25 !important;
}
.pph-activity-statement .pph-activity-row:last-child {
border-bottom: 0 !important;
}
.pph-activity-statement .pph-activity-row:hover,
.pph-activity-statement .pph-activity-row:focus-visible {
background: rgba(22,141,255,.10) !important;
outline: none !important;
}
.pph-activity-date,
.pph-activity-type,
.pph-activity-title,
.pph-activity-status {
color: #ffffff !important;
min-width: 0 !important;
}
.pph-activity-date,
.pph-activity-type,
.pph-activity-status {
font-size: 11px !important;
font-weight: 700 !important;
opacity: .78 !important;
white-space: nowrap !important;
}
.pph-activity-title {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.pph-activity-status {
text-align: right !important;
}
@media (max-width: 760px) {
.pph-activity-statement-head {
display: none !important;
}
.pph-activity-statement .pph-activity-row.pph-record-link {
grid-template-columns: 82px minmax(0, 1fr) !important;
grid-template-areas:
"date title"
"type status" !important;
gap: 4px 10px !important;
}
.pph-activity-date { grid-area: date; }
.pph-activity-title { grid-area: title; }
.pph-activity-type { grid-area: type; }
.pph-activity-status { grid-area: status; text-align: left !important; }
} .pph-draft-notice {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 0 16px !important;
padding: 12px 14px !important;
border: 1px solid rgba(22, 141, 255, .42) !important;
border-left: 3px solid var(--pph-blue) !important;
border-radius: var(--pph-radius) !important;
background: rgba(22, 141, 255, .09) !important;
color: var(--pph-text) !important;
font-size: 13px !important;
}
.pph-draft-notice span {
color: var(--pph-muted) !important;
flex: 1 1 auto !important;
}
.pph-draft-notice button {
appearance: none !important;
border: 0 !important;
background: transparent !important;
color: #fff !important;
padding: 4px 0 !important;
font: inherit !important;
font-weight: 600 !important;
text-decoration: underline !important;
cursor: pointer !important;
}
.pph-job-history {
margin-top: 18px !important;
padding: 16px !important;
border: 1px solid var(--pph-line-soft) !important;
border-radius: var(--pph-radius) !important;
background: rgba(255, 255, 255, .025) !important;
}
.pph-job-history summary {
margin: 0 0 13px !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 650 !important;
cursor: pointer !important;
}
.pph-job-history:not([open]) summary {
margin-bottom: 0 !important;
}
.pph-job-history ol {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.pph-job-history li {
display: grid !important;
grid-template-columns: 12px minmax(0, 1fr) !important;
gap: 11px !important;
position: relative !important;
padding: 0 0 15px !important;
}
.pph-job-history li:last-child {
padding-bottom: 0 !important;
}
.pph-job-history li:not(:last-child)::before {
content: "" !important;
position: absolute !important;
left: 5px !important;
top: 11px !important;
bottom: 0 !important;
width: 1px !important;
background: var(--pph-line) !important;
}
.pph-history-dot {
width: 11px !important;
height: 11px !important;
margin-top: 3px !important;
border-radius: 50% !important;
background: var(--pph-blue) !important;
box-shadow: 0 0 0 4px rgba(22, 141, 255, .13) !important;
}
.pph-job-history strong,
.pph-job-history small {
display: block !important;
}
.pph-job-history strong {
color: #fff !important;
font-size: 12px !important;
font-weight: 650 !important;
}
.pph-job-history small,
.pph-job-history p {
color: var(--pph-muted) !important;
font-size: 11px !important;
}
.pph-job-history p {
margin: 4px 0 0 !important;
}
.pph-support-status {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
padding: 5px 10px !important;
border: 1px solid rgba(22, 141, 255, .4) !important;
border-radius: 999px !important;
background: rgba(22, 141, 255, .12) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 650 !important;
}
.pph-support-status-resolved {
border-color: rgba(37, 211, 102, .42) !important;
background: rgba(37, 211, 102, .11) !important;
}
.pph-support-status-waiting_on_partner {
border-color: rgba(255, 157, 0, .42) !important;
background: rgba(255, 157, 0, .11) !important;
}
@media (max-width: 640px) {
.pph-draft-notice {
align-items: flex-start !important;
flex-wrap: wrap !important;
}
.pph-draft-notice span {
flex-basis: 100% !important;
}
} .pph-wrap {
--pph-black: #080b10;
--pph-black-2: #0b1016;
--pph-panel: #0d1219;
--pph-card: #10161e;
--pph-card-2: #131b24;
--pph-field: #0d131b;
--pph-line: #2b3542;
--pph-line-soft: #222c37;
--pph-text: #f7f9fc;
--pph-muted: #aeb8c5;
--pph-faint: #84909f;
--pph-blue: #168dff;
--pph-blue-soft: rgba(22, 141, 255, 0.12);
--pph-radius: 6px;
max-width: 1240px !important;
margin-bottom: 20px !important;
font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
font-size: 13.5px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
.pph-wrap h2,
.pph-wrap h3,
.pph-wrap h4,
.pph-wrap h5,
.pph-wrap h6 {
font-weight: 600 !important;
letter-spacing: -0.025em !important;
}
.pph-wrap h2 {
font-size: clamp(28px, 3vw, 36px) !important;
line-height: 1.08 !important;
}
.pph-wrap h3 {
font-size: clamp(22px, 2.4vw, 28px) !important;
line-height: 1.12 !important;
}
.pph-eyebrow,
.pph-section-kicker {
margin-bottom: 7px !important;
font-size: 9.5px !important;
line-height: 1.2 !important;
font-weight: 650 !important;
letter-spacing: 0.105em !important;
}
.pph-btn,
.pph-mini-btn,
.pph-badge,
.pph-chip {
min-height: 36px !important;
padding: 9px 14px !important;
border-radius: 5px !important;
font-size: 11.5px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
.pph-tool,
.pph-panel,
.pph-access-box,
.pph-compact-panel,
.pph-empty-state,
.pph-service-card,
.pph-next-step,
.pph-report-block,
.pph-job-card,
.pph-form-block,
.pph-success,
.pph-success-box,
.pph-error-box,
.pph-coach-answer {
border-color: var(--pph-line) !important;
border-radius: var(--pph-radius) !important;
background: var(--pph-card) !important;
} .pph-application-wrap {
max-width: 1180px !important;
}
.pph-application-shell {
display: block !important;
padding: 12px !important;
border-color: var(--pph-line) !important;
border-radius: 8px !important;
background: var(--pph-black) !important;
}
.pph-application-intro {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(300px, 390px) !important;
align-items: center !important;
gap: 28px !important;
margin: 0 0 12px !important;
padding: 22px 24px !important;
border-color: var(--pph-line) !important;
background: linear-gradient(135deg, #111923 0%, #0d1219 72%) !important;
}
.pph-application-intro h2 {
max-width: none !important;
margin: 0 0 7px !important;
font-size: clamp(27px, 3vw, 36px) !important;
line-height: 1.08 !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
}
.pph-application-intro p {
max-width: 680px !important;
margin: 0 !important;
color: var(--pph-muted) !important;
font-size: 13px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
}
.pph-application-note {
align-self: stretch !important;
align-content: center !important;
margin: 0 !important;
padding: 14px 16px !important;
border: 1px solid rgba(22, 141, 255, 0.34) !important;
border-left: 3px solid var(--pph-blue) !important;
border-radius: 5px !important;
background: rgba(22, 141, 255, 0.07) !important;
}
.pph-application-note strong {
font-size: 12px !important;
font-weight: 600 !important;
}
.pph-application-note span {
font-size: 11.5px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
.pph-application-form {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.pph-application-form > .pph-form-block {
min-width: 0 !important;
margin: 0 !important;
padding: 17px !important;
}
.pph-application-form > .pph-form-block:nth-of-type(1),
.pph-application-form > .pph-form-block:nth-of-type(4),
.pph-application-form > .pph-checkbox-line,
.pph-application-form > .pph-btn {
grid-column: 1 / -1 !important;
}
.pph-application-form .pph-form-block-head {
display: flex !important;
align-items: baseline !important;
gap: 10px !important;
margin-bottom: 11px !important;
padding-bottom: 9px !important;
border-bottom: 1px solid var(--pph-line-soft) !important;
}
.pph-application-form .pph-form-block-head .pph-section-kicker {
flex: 0 0 auto !important;
margin: 0 !important;
}
.pph-application-form .pph-form-block-head h3 {
margin: 0 !important;
font-size: 19px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
.pph-application-form .pph-form-grid {
gap: 11px 13px !important;
}
.pph-form label span,
.pph-service-selector label span,
.pph-console-panel .pph-brief-form label span {
margin-bottom: 5px !important;
font-size: 11.5px !important;
font-weight: 600 !important;
}
.pph-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.pph-form textarea,
.pph-form select,
.pph-service-selector select,
.pph-question-row select {
min-height: 40px !important;
padding: 9px 11px !important;
border-color: #34404f !important;
border-radius: 4px !important;
background-color: var(--pph-field) !important;
font-size: 12.5px !important;
font-weight: 400 !important;
}
.pph-form textarea {
min-height: 82px !important;
}
.pph-application-form > .pph-btn {
justify-self: end !important;
margin-top: 0 !important;
} .pph-dashboard.pph-wrap {
container-type: inline-size;
}
.pph-dashboard .pph-console-header {
gap: 20px !important;
padding: 19px 22px !important;
border-color: var(--pph-line) !important;
background: linear-gradient(115deg, #101822 0%, #0a0e14 78%) !important;
}
.pph-dashboard .pph-console-header h2 {
margin: 0 0 5px !important;
font-size: clamp(29px, 3vw, 36px) !important;
line-height: 1.05 !important;
font-weight: 600 !important;
letter-spacing: -0.035em !important;
}
.pph-dashboard .pph-console-header p {
max-width: 660px !important;
color: var(--pph-muted) !important;
font-size: 12.5px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
.pph-dashboard .pph-console-stats {
gap: 8px !important;
margin: 8px 0 !important;
}
.pph-dashboard .pph-console-stat {
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 10px !important;
min-height: 58px !important;
padding: 10px 12px !important;
border-color: var(--pph-line) !important;
border-radius: 5px !important;
background: var(--pph-card) !important;
}
.pph-dashboard .pph-console-stat:nth-child(n) {
border-color: var(--pph-line) !important;
}
.pph-dashboard .pph-console-stat:hover,
.pph-dashboard .pph-console-stat:focus-visible {
border-color: rgba(22, 141, 255, 0.62) !important;
background: #121b25 !important;
}
.pph-dashboard .pph-stat-icon {
display: none !important;
}
.pph-dashboard .pph-stat-copy {
gap: 1px !important;
}
.pph-dashboard .pph-stat-label {
font-size: 10.5px !important;
line-height: 1.15 !important;
font-weight: 650 !important;
letter-spacing: 0.055em !important;
}
.pph-dashboard .pph-console-stat small {
font-size: 9.8px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
}
.pph-dashboard .pph-console-stat strong {
min-width: 22px !important;
font-size: 23px !important;
line-height: 1 !important;
font-weight: 600 !important;
}
.pph-dashboard .pph-console-shell {
grid-template-columns: 188px minmax(0, 1fr) !important;
margin-top: 8px !important;
border-color: var(--pph-line) !important;
}
.pph-dashboard .pph-tool-rail {
padding: 10px !important;
border-right-color: var(--pph-line-soft) !important;
background: #0b1016 !important;
}
.pph-dashboard .pph-rail-head {
padding: 5px 5px 7px !important;
}
.pph-dashboard .pph-nav-item {
grid-template-columns: 25px minmax(0, 1fr) !important;
gap: 8px !important;
min-height: 43px !important;
margin-bottom: 5px !important;
padding: 8px !important;
border-color: transparent !important;
border-radius: 4px !important;
background: transparent !important;
}
.pph-dashboard .pph-nav-item:hover,
.pph-dashboard .pph-nav-item:focus-visible {
border-color: var(--pph-line) !important;
background: rgba(255, 255, 255, 0.025) !important;
}
.pph-dashboard .pph-nav-item.is-active {
border-color: rgba(22, 141, 255, 0.52) !important;
background: var(--pph-blue-soft) !important;
}
.pph-dashboard .pph-nav-number {
width: 25px !important;
height: 25px !important;
min-width: 25px !important;
border-radius: 4px !important;
background: #182330 !important;
color: #c8d2df !important;
font-size: 9px !important;
font-weight: 600 !important;
}
.pph-dashboard .pph-nav-item.is-active .pph-nav-number {
background: var(--pph-blue) !important;
color: #fff !important;
}
.pph-dashboard .pph-nav-icon,
.pph-dashboard .pph-nav-chevron,
.pph-dashboard .pph-nav-copy small {
display: none !important;
}
.pph-dashboard .pph-nav-copy strong {
font-size: 10.8px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
.pph-dashboard .pph-console-panel-head {
padding: 19px 22px 10px !important;
}
.pph-dashboard .pph-console-panel-head h3 {
margin-bottom: 5px !important;
font-size: clamp(23px, 2.5vw, 29px) !important;
line-height: 1.1 !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
}
.pph-dashboard .pph-console-panel-head p {
color: var(--pph-muted) !important;
font-size: 12px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
.pph-dashboard .pph-console-panel-body {
padding: 0 22px 22px !important;
}
.pph-dashboard .pph-form,
.pph-dashboard .pph-console-panel .pph-brief-form {
gap: 11px !important;
}
.pph-dashboard .pph-form-grid,
.pph-dashboard .pph-console-panel .pph-brief-form .pph-form-grid {
gap: 10px 13px !important;
}
.pph-dashboard .pph-job-card,
.pph-dashboard .pph-report-block,
.pph-dashboard .pph-question-row,
.pph-dashboard .pph-gap-intro {
padding: 12px !important;
}
.pph-checkbox-line {
padding: 10px 11px !important;
border-radius: 4px !important;
}
.pph-checkbox-line span {
font-size: 11.5px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
@container (max-width: 960px) {
.pph-dashboard .pph-console-shell {
display: block !important;
}
.pph-dashboard .pph-tool-rail {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 5px !important;
border-right: 0 !important;
border-bottom: 1px solid var(--pph-line-soft) !important;
}
.pph-dashboard .pph-rail-head {
grid-column: 1 / -1 !important;
}
.pph-dashboard .pph-nav-item {
margin: 0 !important;
}
}
@media (max-width: 880px) {
.pph-application-intro {
grid-template-columns: 1fr !important;
gap: 15px !important;
}
.pph-application-form {
grid-template-columns: 1fr !important;
}
.pph-application-form > .pph-form-block,
.pph-application-form > .pph-checkbox-line,
.pph-application-form > .pph-btn {
grid-column: 1 !important;
}
}
@media (max-width: 760px) {
.pph-dashboard .pph-console-header {
padding: 17px !important;
}
.pph-dashboard .pph-console-header h2 {
font-size: 30px !important;
}
.pph-dashboard .pph-tool-rail {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.pph-dashboard .pph-console-panel-head {
padding: 17px 16px 9px !important;
}
.pph-dashboard .pph-console-panel-body {
padding: 0 16px 17px !important;
}
}
@media (max-width: 620px) {
.pph-application-shell {
padding: 8px !important;
}
.pph-application-intro {
padding: 18px !important;
}
.pph-application-intro h2 {
font-size: 27px !important;
}
.pph-application-form > .pph-form-block {
padding: 14px !important;
}
.pph-application-form .pph-form-grid {
grid-template-columns: 1fr !important;
}
.pph-application-form .pph-full-field {
grid-column: 1 !important;
}
.pph-application-form > .pph-btn {
width: 100% !important;
}
.pph-dashboard .pph-console-stats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 440px) {
.pph-dashboard .pph-tool-rail,
.pph-dashboard .pph-console-stats {
grid-template-columns: 1fr !important;
}
}