html[data-ph-system=v1]{--ph-bg:#f3f6f4;--ph-surface:#fff;--ph-surface-subtle:#f7faf8;--ph-surface-raised:#ffffffdb;--ph-ink:#132b27;--ph-ink-secondary:#536b66;--ph-ink-tertiary:#82918d;--ph-line:#184c451f;--ph-line-strong:#184c4533;--ph-chrome-accent:#0f766e;--ph-chrome-accent-hover:#0b625c;--ph-chrome-accent-soft:#e8f6f3;--ph-positive:#15805f;--ph-warning:#b76b13;--ph-danger:#c34444;--ph-info:#3b6fb6;--ph-hero:#071816;--ph-chrome:#f7faf8db;--ph-focus-ring:#0f766e21;--ph-accent-halo:#50b2a021;--ph-hero-halo:#48cdb53b;--ph-hero-accent:#67d7c3;--ph-brand-mark-filter:none;--ph-font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Segoe UI", sans-serif;--ph-font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Segoe UI", sans-serif;--ph-space-1:4px;--ph-space-2:8px;--ph-space-3:12px;--ph-space-4:16px;--ph-space-5:24px;--ph-space-6:32px;--ph-radius-control:10px;--ph-radius-card:16px;--ph-radius-panel:22px;--ph-radius-hero:28px;--ph-radius-pill:999px;--ph-shadow-control:0 1px 2px #0e2b260f;--ph-shadow-card:0 12px 32px #0e2b2612;--ph-shadow-overlay:0 24px 70px #071d192e;--ph-motion-fast:.14s;--ph-motion-panel:.22s;--ph-motion-ease:cubic-bezier(.2, .8, .2, 1);--ph-type-shift:0px;--ph-density-control-height:40px;--ph-density-card-padding:20px;--ph-density-panel-gap:18px}html[data-ph-system=v1][data-theme=ocean]{--ph-bg:#f3f6fb;--ph-surface-subtle:#f6f9fd;--ph-ink:#14243a;--ph-ink-secondary:#52657d;--ph-ink-tertiary:#8492a5;--ph-line:#1d4e8c21;--ph-line-strong:#1d4e8c38;--ph-chrome-accent:#2563eb;--ph-chrome-accent-hover:#1d4ed8;--ph-chrome-accent-soft:#eaf2ff;--ph-hero:#071426;--ph-chrome:#f7f9fde0;--ph-focus-ring:#2563eb21;--ph-accent-halo:#4784ee24;--ph-hero-halo:#457fee40;--ph-hero-accent:#7fb1ff;--ph-brand-mark-filter:hue-rotate(55deg) saturate(1.28) brightness(1.02)}html[data-ph-system=v1][data-theme=rose]{--ph-bg:#f8f4f5;--ph-surface-subtle:#fbf7f8;--ph-ink:#321f28;--ph-ink-secondary:#735967;--ph-ink-tertiary:#9c8791;--ph-line:#6e2c4421;--ph-line-strong:#6e2c4438;--ph-chrome-accent:#b94d72;--ph-chrome-accent-hover:#9e3d60;--ph-chrome-accent-soft:#faeaf0;--ph-hero:#241017;--ph-chrome:#fcf8f9e0;--ph-focus-ring:#b94d7221;--ph-accent-halo:#d35d8621;--ph-hero-halo:#d75c873b;--ph-hero-accent:#f59cbc;--ph-brand-mark-filter:hue-rotate(165deg) saturate(.9) brightness(1.04)}html[data-ph-system=v1][data-theme=iris]{--ph-bg:#f5f4fa;--ph-surface-subtle:#f8f7fc;--ph-ink:#25223c;--ph-ink-secondary:#625e7b;--ph-ink-tertiary:#908ca4;--ph-line:#4d408921;--ph-line-strong:#4d408938;--ph-chrome-accent:#6757c8;--ph-chrome-accent-hover:#5546ad;--ph-chrome-accent-soft:#efedff;--ph-hero:#151128;--ph-chrome:#f9f8fde0;--ph-focus-ring:#6757c821;--ph-accent-halo:#7b68d624;--ph-hero-halo:#7f6cde3d;--ph-hero-accent:#afa3ff;--ph-brand-mark-filter:hue-rotate(82deg) saturate(.92) brightness(1.02)}html[data-ph-system=v1][data-subject-id=chemistry][data-theme=copper]{--ph-bg:#faf5f1;--ph-surface-subtle:#fdf8f4;--ph-ink:#33231d;--ph-ink-secondary:#755d52;--ph-ink-tertiary:#9a877e;--ph-line:#84452621;--ph-line-strong:#8445263b;--ph-chrome-accent:#a84f2a;--ph-chrome-accent-hover:#873d20;--ph-chrome-accent-soft:#faeade;--ph-hero:#25130d;--ph-chrome:#fdf9f6e0;--ph-focus-ring:#a84f2a24;--ph-accent-halo:#ca6f4624;--ph-hero-halo:#da784b3d;--ph-hero-accent:#f1a27d;--ph-brand-mark-filter:hue-rotate(255deg) saturate(1.18) brightness(1.02)}html[data-ph-system=v1][data-subject-id=chemistry][data-theme=cobalt]{--ph-bg:#f3f5fa;--ph-surface-subtle:#f7f8fc;--ph-ink:#19263d;--ph-ink-secondary:#596984;--ph-ink-tertiary:#8994a8;--ph-line:#2a488521;--ph-line-strong:#2a48853b;--ph-chrome-accent:#3156a3;--ph-chrome-accent-hover:#274584;--ph-chrome-accent-soft:#e9effb;--ph-hero:#0d172d;--ph-chrome:#f8f9fde0;--ph-focus-ring:#3156a324;--ph-accent-halo:#4d70b924;--ph-hero-halo:#4e74c63d;--ph-hero-accent:#91ace8;--ph-brand-mark-filter:hue-rotate(58deg) saturate(1.02) brightness(.98)}html[data-ph-system=v1][data-subject-id=chemistry][data-theme=flame]{--ph-bg:#faf3f5;--ph-surface-subtle:#fcf7f8;--ph-ink:#351e25;--ph-ink-secondary:#765661;--ph-ink-tertiary:#9d858d;--ph-line:#84314621;--ph-line-strong:#8431463b;--ph-chrome-accent:#a23f54;--ph-chrome-accent-hover:#843142;--ph-chrome-accent-soft:#fae8ed;--ph-hero:#281016;--ph-chrome:#fdf8f9e0;--ph-focus-ring:#a23f5424;--ph-accent-halo:#c3516924;--ph-hero-halo:#cf526d3b;--ph-hero-accent:#ee94a8;--ph-brand-mark-filter:hue-rotate(176deg) saturate(.98) brightness(1.01)}html[data-ph-system=v1][data-text-size=small]{--ph-type-shift:-1px}html[data-ph-system=v1][data-text-size=large]{--ph-type-shift:2px}html[data-ph-system=v1][data-ui-density=workspace]{--ph-density-control-height:36px;--ph-density-card-padding:16px;--ph-density-panel-gap:14px}.ph-system-page{background:radial-gradient(circle at 8% 0, var(--ph-accent-halo), transparent 27rem), var(--ph-bg)!important;color:var(--ph-ink)!important;font-family:var(--ph-font-ui)!important}.ph-system-page :where(button,input,select){font-family:inherit}.ph-system-page [hidden]{display:none!important}.ph-system-page :where(button,a,input,select):focus-visible{outline:2px solid var(--ph-chrome-accent);outline-offset:2px}.ph-system-page .app-nav-mark{filter:var(--ph-brand-mark-filter);transition:filter var(--ph-motion-panel) var(--ph-motion-ease)}.ph-system-page .ph-app-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);min-height:52px;position:relative;border-bottom:1px solid var(--ph-line)!important;background:var(--ph-chrome)!important;box-shadow:0 8px 28px #1136300a!important}.ph-system-page .ph-app-header-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:18px;width:min(1320px,100%);margin:0 auto;display:flex;min-height:52px!important;padding:6px 26px!important}.ph-system-page .ph-app-brand{align-items:center;min-width:0;display:flex;gap:14px!important}.ph-system-page .ph-app-context{border-left:1px solid var(--ph-line);padding-left:14px}.ph-system-page .ph-app-context strong{color:var(--ph-ink)}.ph-system-page .ph-app-context small{color:var(--ph-ink-tertiary)}.ph-system-page .ph-app-actions{justify-content:flex-end;align-items:center;min-width:0;display:flex;background:0 0!important;border:0!important;border-radius:0!important;flex-wrap:nowrap!important;gap:6px!important;padding:0!important}.ph-system-page .ph-button{min-width:0;color:var(--ph-ink);white-space:nowrap;transition:transform var(--ph-motion-fast) var(--ph-motion-ease), background var(--ph-motion-fast) ease, border-color var(--ph-motion-fast) ease, box-shadow var(--ph-motion-fast) ease;background:0 0;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex;min-height:var(--ph-density-control-height)!important;border-radius:var(--ph-radius-control)!important;font-size:calc(13px + var(--ph-type-shift))!important;border:1px solid #0000!important;padding:0 14px!important;font-weight:690!important;line-height:1!important}.ph-system-page .ph-button:hover{transform:translateY(-1px)}.ph-system-page .ph-button:active{transform:translateY(0)}.ph-system-page .ph-button:disabled{cursor:not-allowed;opacity:.46}.ph-system-page .ph-button-primary{box-shadow:var(--ph-shadow-control);border-color:var(--ph-chrome-accent)!important;background:var(--ph-chrome-accent)!important;color:#fff!important}.ph-system-page .ph-button-primary:hover{background:var(--ph-chrome-accent-hover)!important}.ph-system-page .ph-button-secondary{border-color:var(--ph-line-strong)!important;background:var(--ph-surface)!important;color:var(--ph-ink)!important}.ph-system-page .ph-button-secondary:hover{background:var(--ph-surface-subtle)!important}.ph-system-page .ph-button-quiet{color:var(--ph-ink-secondary)!important}.ph-system-page .ph-button-quiet:hover{background:var(--ph-chrome-accent-soft)!important;color:var(--ph-chrome-accent-hover)!important}.ph-system-page .ph-button-danger{color:var(--ph-danger)!important;background:#fff3f2!important;border-color:#c3444433!important}.ph-system-page .ph-button-compact{min-height:32px!important;font-size:calc(12px + var(--ph-type-shift))!important;padding-inline:11px!important}.ph-system-page .ph-button-icon{width:var(--ph-density-control-height);padding:0!important}.ph-system-page .ph-panel,.ph-system-page .ph-card{min-width:0;border:1px solid var(--ph-line)!important;background:var(--ph-surface-raised)!important}.ph-system-page .ph-panel{padding:var(--ph-density-card-padding);border-radius:var(--ph-radius-panel)!important;box-shadow:var(--ph-shadow-card)!important}.ph-system-page .ph-panel-flush{overflow:hidden;padding:0!important}.ph-system-page .ph-card{padding:var(--ph-density-card-padding);border-radius:var(--ph-radius-card)!important}.ph-system-page .ph-card-interactive{transition:transform var(--ph-motion-fast) var(--ph-motion-ease), border-color var(--ph-motion-fast) ease, box-shadow var(--ph-motion-fast) ease}.ph-system-page .ph-card-interactive:hover{box-shadow:var(--ph-shadow-card);transform:translateY(-2px);border-color:var(--ph-line-strong)!important}.ph-system-page .ph-panel-header,.ph-system-page .ph-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ph-system-page .ph-field{gap:7px;min-width:0;display:grid}.ph-system-page .ph-label{color:var(--ph-ink-secondary)!important;font-size:calc(12px + var(--ph-type-shift))!important;font-weight:690!important}.ph-system-page .ph-input,.ph-system-page .ph-select{box-sizing:border-box;outline:0;width:100%;min-width:0;height:var(--ph-density-control-height)!important;min-height:var(--ph-density-control-height)!important;border:1px solid var(--ph-line-strong)!important;border-radius:var(--ph-radius-control)!important;background:var(--ph-surface)!important;color:var(--ph-ink)!important;font-size:calc(13px + var(--ph-type-shift))!important;padding:0 12px!important}.ph-system-page .ph-input:focus,.ph-system-page .ph-select:focus{border-color:var(--ph-chrome-accent)!important;box-shadow:0 0 0 4px var(--ph-focus-ring)!important}.ph-system-page .ph-segmented{width:fit-content;max-width:100%;min-height:var(--ph-density-control-height);align-items:center;gap:3px;padding:3px;display:inline-flex;border:1px solid var(--ph-line)!important;background:#132b270e!important;border-radius:12px!important}.ph-system-page .ph-segment{white-space:nowrap;min-height:calc(var(--ph-density-control-height) - 8px)!important;color:var(--ph-ink-secondary)!important;font-size:calc(12px + var(--ph-type-shift))!important;background:0 0!important;border:0!important;border-radius:8px!important;padding:0 12px!important;font-weight:680!important;line-height:1!important}.ph-system-page .ph-segment[aria-pressed=true]{box-shadow:0 1px 3px #0e2b261f;background:var(--ph-surface)!important;color:var(--ph-ink)!important}.ph-system-page .ph-tabs{scrollbar-width:none;align-items:stretch;gap:4px;min-width:0;display:flex;overflow-x:auto;border-bottom:1px solid var(--ph-line)!important}.ph-system-page .ph-tabs::-webkit-scrollbar{display:none}.ph-system-page .ph-tab{white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:42px;padding:0 13px;line-height:1;display:inline-flex;position:relative;border-radius:var(--ph-radius-control) var(--ph-radius-control) 0 0!important;color:var(--ph-ink-secondary)!important;font-size:calc(13px + var(--ph-type-shift))!important;background:0 0!important;border:0!important;font-weight:680!important}.ph-system-page .ph-tab:hover:not(:disabled){background:var(--ph-surface-subtle)!important;color:var(--ph-ink)!important}.ph-system-page .ph-tab[aria-selected=true]{color:var(--ph-ink)!important}.ph-system-page .ph-tab[aria-selected=true]:after{background:var(--ph-chrome-accent);content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:11px;right:11px}.ph-system-page .ph-tab:disabled{cursor:not-allowed;opacity:.46}.ph-system-page .ph-control-compact{height:32px!important;min-height:32px!important;font-size:calc(12px + var(--ph-type-shift))!important;padding-left:9px!important;padding-right:9px!important}.ph-system-page .ph-badge{white-space:nowrap;align-items:center;gap:6px;width:fit-content;min-height:24px;line-height:1;display:inline-flex;border:1px solid var(--ph-line)!important;border-radius:var(--ph-radius-pill)!important;background:var(--ph-surface-subtle)!important;color:var(--ph-ink-secondary)!important;font-size:calc(11px + var(--ph-type-shift))!important;padding:3px 9px!important;font-weight:720!important}.ph-system-page .ph-badge:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.ph-system-page .ph-badge-info{color:var(--ph-info)!important;background:#eef5ff!important;border-color:#3b6fb62e!important}.ph-system-page .ph-badge-positive{color:var(--ph-positive)!important;background:#eef9f5!important;border-color:#15805f2e!important}.ph-system-page .ph-badge-warning{color:var(--ph-warning)!important;background:#fff7e9!important;border-color:#b76b1333!important}.ph-system-page .ph-badge-danger{color:var(--ph-danger)!important;background:#fff2f1!important;border-color:#c3444433!important}.ph-system-page .ph-badge.role-student{color:#35549a!important;background:#eef5ff!important;border-color:#3b6fb62e!important}.ph-system-page .ph-badge.role-vip-student{box-shadow:inset 0 1px #ffffffb3,0 3px 9px #b87d1514;color:#704500!important;background:linear-gradient(135deg,#fff8db,#f4dda0)!important;border-color:#b47a1957!important}.ph-system-page .ph-badge.role-vip-student:before{background:#c48b18;border-radius:1px;transform:rotate(45deg);box-shadow:0 0 0 2px #c48b1824}.ph-system-page .ph-badge.role-teacher{color:#5547a4!important;background:#f2f0ff!important;border-color:#6257c73d!important}.ph-system-page .ph-badge.role-admin{color:#963b64!important;background:#fff0f6!important;border-color:#b84c733d!important}.ph-system-page .ph-badge.role-super-admin{color:#5b426c!important;background:linear-gradient(135deg,#f1ecfa,#fff4cf)!important;border-color:#c28f1e4d!important}.ph-system-page .ph-badge.role-super-admin:before{background:#c89124;box-shadow:0 0 0 2px #c8912424}.ph-system-page .ph-badge.status-pending{color:var(--ph-warning)!important;background:#fff7e9!important;border-color:#b76b1333!important}.ph-system-page .ph-badge.status-approved{color:var(--ph-positive)!important;background:#eef9f5!important;border-color:#15805f2e!important}.ph-system-page .ph-badge.status-rejected{color:var(--ph-danger)!important;background:#fff2f1!important;border-color:#c3444433!important}.ph-system-page .ph-account-chip{border:1px solid var(--ph-line);border-radius:var(--ph-radius-pill);background:var(--ph-surface-raised);min-height:34px;color:var(--ph-ink);white-space:nowrap;align-items:center;gap:8px;padding:3px 9px 3px 4px;text-decoration:none;display:inline-flex}.ph-system-page .ph-account-chip:is(.account-type-vip-student,.account-type-teacher,.account-type-admin,.account-type-super-admin){border-color:var(--account-identity-ring);background:var(--account-identity-chip);box-shadow:inset 0 1px #ffffffd6, 0 5px 14px var(--account-identity-glow)}.ph-system-page .ph-dialog{color:var(--ph-ink);border:1px solid var(--ph-line)!important;border-radius:var(--ph-radius-panel)!important;background:var(--ph-surface)!important;box-shadow:var(--ph-shadow-overlay)!important}.ph-system-page .ph-toast{border:1px solid var(--ph-line)!important;background:var(--ph-surface)!important;box-shadow:var(--ph-shadow-card)!important;border-radius:12px!important}.ph-system-page .ph-workspace-hero{border-radius:var(--ph-radius-hero)!important;background:radial-gradient(circle at 82% 20%, var(--ph-hero-halo), transparent 20rem), var(--ph-hero)!important;box-shadow:0 24px 70px #071d1929!important}.ph-system-page .ph-workspace-hero :where(h1,h2){font-family:var(--ph-font-display)}.ph-system-page .ph-workspace-hero :where(.intro-kicker,.profile-eyebrow){color:var(--ph-hero-accent)!important}.admin-page .ph-workspace-hero .create-user{white-space:nowrap;flex:none}@media (width<=640px){.ph-system-page .ph-app-header-inner{padding-left:10px!important;padding-right:10px!important}.ph-system-page .ph-app-context{display:none}.ph-system-page .ph-app-actions{max-width:calc(100vw - 92px);overflow:visible}.ph-system-page .ph-panel{border-radius:19px!important}.ph-system-page .ph-button{min-height:40px!important}.ph-system-page .ph-button-compact{min-height:34px!important}.profile-page .profile-question-link,.profile-page .profile-admin-link,.admin-page .ph-app-actions .top-link:not(.logout-link){display:none}}@media (prefers-reduced-motion:reduce){.ph-system-page .ph-button,.ph-system-page .ph-card-interactive{transition:none!important}}
