:root{--pps-bg: #f7f3ec;--pps-surface: #ffffff;--pps-surface-soft: #fffaf2;--pps-border: #eadfce;--pps-text: #241a12;--pps-muted: #766859;--pps-gold: #c79a45;--pps-gold-soft: #f4e5c7;--pps-dark: #18110b;--pps-danger: #b42318;--pps-success: #157347;--pps-warning: #946200;--pps-info: #1d4ed8;--pps-radius-sm: 10px;--pps-radius-md: 14px;--pps-radius-lg: 18px;--pps-radius-xl: 24px;--pps-radius-2xl: 30px;--pps-shadow-sm: 0 10px 28px rgba(36, 26, 18, .06);--pps-shadow-md: 0 16px 42px rgba(36, 26, 18, .08);--pps-shadow-lg: 0 22px 55px rgba(36, 26, 18, .09);--pps-shadow-xl: 0 28px 70px rgba(36, 26, 18, .18);--pps-transition-fast: .16s ease;--pps-transition-normal: .22s ease;--pps-z-topbar: 100;--pps-z-sidebar: 200;--pps-z-overlay: 180;--pps-z-modal: 10000}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{min-height:100%;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg,video,canvas{max-width:100%}a{color:inherit}:focus-visible{outline:3px solid rgba(199,154,69,.35);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.full-width{grid-column:1 / -1}.text-muted{color:var(--pps-muted)}.text-danger{color:var(--pps-danger)}.text-success{color:var(--pps-success)}.surface-soft{background:var(--pps-surface-soft)}.no-margin{margin:0}.stack-sm{display:grid;gap:8px}.stack-md{display:grid;gap:14px}.stack-lg{display:grid;gap:22px}.hide-mobile{display:initial}@media(max-width:760px){.hide-mobile{display:none!important}}.app-shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);background:radial-gradient(circle at top left,rgba(199,154,69,.12),transparent 24%),radial-gradient(circle at bottom right,rgba(24,17,11,.06),transparent 20%),var(--pps-bg)}.main-panel{min-width:0;display:flex;flex-direction:column}.content-area{flex:1;padding:32px;display:grid;gap:24px}.topbar{position:sticky;top:0;z-index:var(--pps-z-topbar);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 32px;border-bottom:1px solid rgba(234,223,206,.7);background:#f7f3ecd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-mobile-toggle{display:none}.topbar-title-group{display:grid;gap:6px}.topbar-title-group h1{margin:0;font-size:clamp(22px,2vw,32px);letter-spacing:-.04em}.topbar-title-group p{margin:0;color:var(--pps-muted)}.topbar-user{display:flex;align-items:center;gap:14px}.topbar-user-meta{display:grid;gap:4px;text-align:right}.topbar-user-meta strong{font-size:15px}.topbar-user-meta span{color:var(--pps-muted);font-size:13px}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--pps-z-overlay);background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.content-area{padding:22px}.topbar{padding:16px 22px}.topbar-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:760px){.content-area{padding:18px}.topbar{padding:14px 18px}.topbar-title-group h1{font-size:22px}}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;z-index:var(--pps-z-sidebar);display:flex;flex-direction:column;gap:28px;padding:26px 20px;border-right:1px solid rgba(234,223,206,.9);background:linear-gradient(180deg,#fffffff5,#fff8edf5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-brand{display:grid;gap:10px;padding:18px;border-radius:var(--pps-radius-xl);background:radial-gradient(circle at top right,rgba(199,154,69,.18),transparent 30%),#fff8ed;border:1px solid rgba(199,154,69,.22);text-decoration:none}.sidebar-brand h2{margin:0;font-size:24px;letter-spacing:-.04em}.sidebar-brand p{margin:0;color:var(--pps-muted);line-height:1.6}.sidebar-nav{display:grid;gap:18px}.sidebar-section{display:grid;gap:8px}.sidebar-section-title{margin:0;padding:0 10px;color:var(--pps-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;color:var(--pps-text);text-decoration:none;transition:background var(--pps-transition-fast),color var(--pps-transition-fast),transform var(--pps-transition-fast)}.sidebar-link:hover{background:#c79a451f;transform:translate(2px)}.sidebar-link.active{background:linear-gradient(135deg,#c79a452e,#fff8edf5);border:1px solid rgba(199,154,69,.24);font-weight:700}.sidebar-link-label{display:grid;gap:4px}.sidebar-link-label strong{font-size:14px}.sidebar-link-label span{color:var(--pps-muted);font-size:12px}.sidebar-footer{margin-top:auto;padding:16px;border-radius:18px;background:#ffffffad;border:1px solid rgba(234,223,206,.9)}.sidebar-footer p{margin:0;color:var(--pps-muted);line-height:1.7;font-size:13px}@media(max-width:1180px){.sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,340px);transform:translate(-100%);transition:transform var(--pps-transition-normal)}.sidebar.sidebar-open{transform:translate(0)}}.sidebar-group-title{display:flex;align-items:center;gap:10px;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.sidebar-group-title:after{content:"";flex:1;height:1px;background:#ffffff1f}.sidebar-group-title span{color:#ffffff70}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.page-header h1{margin:0;font-size:clamp(30px,3vw,46px);letter-spacing:-.05em}.page-header p{margin:10px 0 0;color:var(--pps-muted);line-height:1.8}.eyebrow{margin:0 0 8px;color:var(--pps-gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.details-grid p{margin:0;padding:14px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(234,223,206,.9)}.details-grid strong{display:block;margin-bottom:6px}.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-form>*{min-width:180px}@media(max-width:760px){.page-header{gap:14px}.page-header h1{font-size:30px}.toolbar-form{flex-direction:column;align-items:stretch}.toolbar-form>*{width:100%;min-width:unset}}button,.button-secondary,.button-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:14px;transition:transform var(--pps-transition-fast),background var(--pps-transition-fast),border-color var(--pps-transition-fast),opacity var(--pps-transition-fast)}button{background:linear-gradient(135deg,var(--pps-gold),#d8ae62);color:#fff;box-shadow:var(--pps-shadow-sm)}button:hover{transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed}.button-secondary{background:#ffffffd1;border:1px solid rgba(234,223,206,.9);color:var(--pps-text)}.button-secondary:hover{background:#fff8edf2}.button-danger{background:#b423181f;color:var(--pps-danger);border:1px solid rgba(180,35,24,.18)}.card{background:linear-gradient(180deg,#fffffffa,#fffaf2f5);border:1px solid rgba(234,223,206,.9);border-radius:24px;padding:22px;box-shadow:var(--pps-shadow-sm)}.card h2,.card h3{margin-top:0}.metric-number{margin:10px 0 0;font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:-.05em}.section-card-header p{margin-bottom:0}.form{display:grid;gap:18px}.form label{display:grid;gap:8px;font-weight:600}input,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(234,223,206,.95);background:#ffffffeb;color:var(--pps-text);transition:border-color var(--pps-transition-fast),box-shadow var(--pps-transition-fast),background var(--pps-transition-fast)}input:focus,select:focus,textarea:focus{border-color:#c79a4585;box-shadow:0 0 0 4px #c79a4524}textarea{resize:vertical;min-height:120px}.table-wrap{overflow:auto;border-radius:22px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table thead{background:#fff8edeb}.data-table th{text-align:left;padding:16px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--pps-muted)}.data-table td{padding:18px 16px;border-top:1px solid rgba(234,223,206,.7);vertical-align:top}.data-table tbody tr:hover{background:#fff8ed9e}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:#c79a4524;color:var(--pps-text);font-size:12px;font-weight:700}.ui-state{display:grid;justify-items:center;gap:12px;padding:42px 20px;text-align:center}.ui-spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(199,154,69,.18);border-top-color:var(--pps-gold);animation:pps-spin .9s linear infinite}.toast-container{position:fixed;right:24px;bottom:24px;z-index:var(--pps-z-modal);display:grid;gap:12px}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:min(360px,calc(100vw - 32px));padding:16px 18px;border-radius:18px;background:#fffffff5;border:1px solid rgba(234,223,206,.95);box-shadow:var(--pps-shadow-md)}.toast p{margin-bottom:0}@keyframes pps-spin{to{transform:rotate(360deg)}}.ui-drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--pps-z-modal)}.ui-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#0000007a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-drawer{position:absolute;top:0;right:0;width:min(760px,100vw);height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffffffa,#fffaf2fa);border-left:1px solid rgba(234,223,206,.9);box-shadow:var(--pps-shadow-xl);animation:drawer-enter .22s ease}.ui-drawer-header,.ui-drawer-footer{padding:20px 24px;border-bottom:1px solid rgba(234,223,206,.7)}.ui-drawer-footer{border-top:1px solid rgba(234,223,206,.7);border-bottom:none}.ui-drawer-body{flex:1;overflow:auto;padding:24px}@keyframes drawer-enter{0%{transform:translate(22px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:760px){.ui-drawer{width:100vw}}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.45fr);gap:24px;padding:30px;border-radius:var(--pps-radius-2xl);background:radial-gradient(circle at top right,rgba(199,154,69,.2),transparent 32%),linear-gradient(180deg,#fffffff5,#fff8edf0);border:1px solid rgba(199,154,69,.18);box-shadow:var(--pps-shadow-md)}.dashboard-hero h1{margin:0;font-size:clamp(36px,4vw,54px);letter-spacing:-.06em}.dashboard-hero p{margin-top:16px;max-width:760px;color:var(--pps-muted);line-height:1.9}.dashboard-quick-actions{display:grid;gap:14px}.dashboard-quick-actions .card{min-height:120px}@media(max-width:1180px){.dashboard-hero{grid-template-columns:1fr}}.assignment-overdue{color:var(--pps-danger);font-weight:800}.assignment-preview-card,.submission-preview-card,.review-summary-card{padding:22px;border-radius:var(--pps-radius-xl);background:radial-gradient(circle at top right,rgba(199,154,69,.18),transparent 30%),#fff8edeb;border:1px solid rgba(199,154,69,.2)}.assignment-preview-card h3,.submission-preview-card h3,.review-summary-card h3{margin:14px 0 8px}.assignment-preview-card p,.submission-preview-card p,.review-summary-card p{margin:0;color:var(--pps-muted)}.submission-box{padding:18px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(234,223,206,.9);line-height:1.8;white-space:pre-line}.assignment-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.45fr);gap:24px;margin:22px 0;padding:28px;border-radius:var(--pps-radius-2xl);background:radial-gradient(circle at top right,rgba(199,154,69,.18),transparent 32%),#fff8edf5;border:1px solid rgba(199,154,69,.18);box-shadow:var(--pps-shadow-md)}.assignment-detail-meta p{margin:0;padding:14px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(234,223,206,.9)}.assignment-details-grid,.assignments-workspace-grid,.review-workspace-grid{display:grid;gap:22px}.assignments-workspace-grid,.review-workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.assignment-details-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.55fr)}@media(max-width:1180px){.assignment-detail-hero,.assignments-workspace-grid,.assignment-details-grid,.review-workspace-grid{grid-template-columns:1fr}.review-form-sticky{position:static}}.recording-preview-card{padding:22px;border-radius:var(--pps-radius-xl);background:radial-gradient(circle at top right,rgba(199,154,69,.18),transparent 30%),#fff8edf5;border:1px solid rgba(199,154,69,.2)}.finance-hero{display:grid;gap:18px;padding:28px;border-radius:var(--pps-radius-2xl);background:radial-gradient(circle at top right,rgba(199,154,69,.18),transparent 30%),#fff8edf2;border:1px solid rgba(199,154,69,.18);box-shadow:var(--pps-shadow-sm)}.finance-status-paid{color:var(--pps-success);font-weight:800}.finance-status-overdue,.finance-status-failed{color:var(--pps-danger);font-weight:800}.finance-status-pending{color:var(--pps-warning);font-weight:800}.checkout-panel{max-width:680px;margin:0 auto}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.admin-panel{display:grid;gap:18px}.permission-list{display:flex;flex-wrap:wrap;gap:10px}.permission-chip{padding:8px 12px;border-radius:999px;background:#fff8ede6;border:1px solid rgba(199,154,69,.18);font-size:12px;font-weight:700}:root{--pps-theme-name: "Pryda Classic";--pps-brand-primary: var(--pps-gold);--pps-brand-primary-soft: var(--pps-gold-soft);--pps-brand-dark: var(--pps-dark);--pps-focus-ring: 0 0 0 4px rgba(199, 154, 69, .18);--pps-surface-glass: rgba(255, 255, 255, .76);--pps-surface-glass-strong: rgba(255, 255, 255, .92);--pps-gradient-brand: linear-gradient(135deg, #c79a45, #d8ae62);--pps-gradient-dark: linear-gradient(135deg, #241a12, #4a321d);--pps-gradient-soft: radial-gradient(circle at top right, rgba(199, 154, 69, .18), transparent 32%), rgba(255, 248, 237, .96)}:root{--pps-motion-fast: .16s ease;--pps-motion-normal: .22s ease;--pps-motion-slow: .32s ease}@keyframes pps-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pps-scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.page-header,.card,.section-card-header,.dashboard-hero,.assignment-detail-hero{animation:pps-fade-up var(--pps-motion-normal)}.ui-modal,.ui-drawer,.toast{animation:pps-scale-in var(--pps-motion-normal)}@media(prefers-reduced-motion:reduce){.page-header,.card,.section-card-header,.dashboard-hero,.assignment-detail-hero,.ui-modal,.ui-drawer,.toast{animation:none!important}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--pps-focus-ring)}button[aria-current=page],a[aria-current=page]{font-weight:800}@media(max-width:760px){button,.button-secondary{min-height:48px}}.notifications-workspace-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:22px;margin-top:22px}.notification-preview-panel{display:grid;gap:18px}.notification-preview-card{padding:22px;border-radius:var(--pps-radius-xl);background:radial-gradient(circle at top right,rgba(199,154,69,.18),transparent 30%),#fff8edf5;border:1px solid rgba(199,154,69,.2)}.notification-preview-card h3{margin:14px 0 8px}.notification-preview-card p{margin:0;color:var(--pps-muted)}.notification-message-box{padding:18px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(234,223,206,.9);line-height:1.8;white-space:pre-line}@media(max-width:1180px){.notifications-workspace-grid{grid-template-columns:1fr}}.files-workspace-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:22px;margin-top:22px}.file-preview-panel{display:grid;gap:18px}.file-preview-card{padding:22px;border-radius:var(--pps-radius-xl);background:radial-gradient(circle at top right,rgba(199,154,69,.18),transparent 30%),#fff8edf5;border:1px solid rgba(199,154,69,.2)}.file-preview-card h3{margin:14px 0 8px}.file-preview-card p{margin:0;color:var(--pps-muted)}.file-path-box{padding:14px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(234,223,206,.9);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;word-break:break-all}@media(max-width:1180px){.files-workspace-grid{grid-template-columns:1fr}}.admin-operations-grid{display:grid;gap:22px;margin-top:22px}.queue-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.queue-stat-card{padding:18px;border-radius:18px;border:1px solid rgba(230,220,204,.9);background:#ffffffd1}.queue-stat-card pre{margin:12px 0 0;font-size:12px;overflow:auto;white-space:pre-wrap}.lessons-workspace-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:22px;margin-top:22px}.badge-success{background:#1573471f;color:var(--pps-success);border-color:#15734738}.badge-warning{background:#9462001f;color:var(--pps-warning);border-color:#94620038}.badge-info{background:#1d4ed81f;color:var(--pps-info);border-color:#1d4ed838}.badge-danger{background:#b423181f;color:var(--pps-danger);border-color:#b4231838}.lesson-schedule-note{padding:16px;border-radius:18px;background:#fff8ede6;border:1px solid rgba(199,154,69,.18);color:var(--pps-muted);line-height:1.7}@media(max-width:1180px){.lessons-workspace-grid{grid-template-columns:1fr}}.app-loading{padding:32px;font-size:18px}.auth-layout{min-height:100vh;display:grid;place-items:center;background:#f5f7fb;padding:24px}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 16px 40px #0f172a14}.app-shell{min-height:100vh;display:flex;background:#f6f7fb}.sidebar{width:260px;background:#111827;color:#fff;padding:24px 18px}.brand{display:block;color:#fff;font-weight:800;text-decoration:none;margin-bottom:28px}.nav{display:grid;gap:8px}.nav-link{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:10px}.nav-link.active,.nav-link:hover{color:#fff;background:#ffffff1f}.main{flex:1;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar small{display:block;color:#6b7280;margin-top:4px}.content{padding:28px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}.card{display:block;background:#fff;border-radius:18px;padding:22px;color:inherit;text-decoration:none;box-shadow:0 12px 28px #0f172a0f}.card h3{margin-top:0}.form{display:grid;gap:16px}.form label{display:grid;gap:6px;font-weight:600}.form input{padding:11px 12px;border:1px solid #d1d5db;border-radius:10px}button{cursor:pointer;border:none;border-radius:10px;padding:11px 16px;font-weight:700;background:#2563eb;color:#fff}button:disabled{opacity:.65;cursor:not-allowed}.alert.error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:10px;margin-bottom:16px}.ui-state{border:1px solid #e5e7eb;border-radius:14px;padding:24px;background:#fff;margin:16px 0}.ui-state h3{margin:0 0 8px}.ui-state p{margin:0;color:#4b5563}.ui-state button{margin-top:16px}.ui-state-loading{display:flex;align-items:center;gap:12px}.ui-spinner{width:22px;height:22px;border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-state-error{border-color:#fecaca;background:#fff7f7}.ui-state-empty{border-style:dashed;background:#fafafa}.toast-container{position:fixed;right:20px;bottom:20px;z-index:9999;display:grid;gap:10px;width:min(360px,calc(100vw - 40px))}.toast{display:flex;justify-content:space-between;gap:12px;border-radius:14px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 16px 40px #0f172a1f}.toast p{margin:4px 0 0;color:#4b5563}.toast button{border:0;background:transparent;font-size:20px;cursor:pointer;line-height:1}.toast-success{border-color:#bbf7d0}.toast-error{border-color:#fecaca}.toast-warning{border-color:#fde68a}.toast-info{border-color:#bfdbfe}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header h1{margin:0 0 6px}.page-header p{margin:0;color:#6b7280}.toolbar-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.toolbar-form input,.toolbar-form select,.form select{padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff}.split-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;margin-top:18px}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle}.data-table th{color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.details-panel{display:grid;gap:16px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.chips-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#f3f4f6;padding:7px 10px;font-size:13px;font-weight:700}.chip button{padding:0;width:22px;height:22px;border-radius:999px;background:#e5e7eb;color:#111827}.inline-check{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:8px}@media(max-width:1100px){.split-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{flex-direction:column}.sidebar{width:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{height:auto;gap:12px;padding:16px}.content{padding:18px}.two-columns{grid-template-columns:1fr}}.metric-number{font-size:32px;font-weight:800;margin:8px 0 0;color:#111827}code{background:#f3f4f6;padding:3px 7px;border-radius:8px;font-size:13px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions button:last-child{background:#6b7280}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 20px}.pre-line{white-space:pre-line}:root{--pps-bg: #f7f3ec;--pps-surface: #ffffff;--pps-surface-soft: #fffaf2;--pps-border: #eadfce;--pps-text: #241a12;--pps-muted: #766859;--pps-gold: #c79a45;--pps-gold-soft: #f4e5c7;--pps-dark: #18110b;--pps-shadow: 0 22px 55px rgba(36, 26, 18, .09)}body{margin:0;color:var(--pps-text);background:radial-gradient(circle at top left,rgba(199,154,69,.18),transparent 34%),linear-gradient(135deg,#fbf6ed,#f4efe6 48%,#f7f3ec);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:flex;background:transparent}.sidebar{width:286px;background:linear-gradient(180deg,#18110bfa,#2b1f14fa),#18110b;color:#fffaf2;padding:22px 18px;position:sticky;top:0;height:100vh;overflow-y:auto;box-sizing:border-box;z-index:40}.brand{display:flex;align-items:center;gap:12px;color:#fffaf2;text-decoration:none;margin-bottom:28px}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#f6d58a,#c79a45);color:#18110b;font-size:22px;font-weight:900;box-shadow:0 12px 28px #c79a453d}.brand strong{display:block;font-size:16px;letter-spacing:.02em}.brand small{display:block;color:#fffaf2ad;margin-top:2px;font-size:12px}.nav{display:grid;gap:22px}.nav-group{display:grid;gap:7px}.nav-group-title{margin:0 0 4px;padding:0 10px;color:#fffaf27a;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-link{color:#fffaf2bf;text-decoration:none;padding:11px 12px;border-radius:14px;font-weight:700;transition:.18s ease}.nav-link.active,.nav-link:hover{color:#18110b;background:linear-gradient(135deg,#f8d98f,#d6a84e);box-shadow:0 12px 24px #c79a452e}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{min-height:76px;height:auto;background:#ffffffc7;border-bottom:1px solid rgba(234,223,206,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;position:sticky;top:0;z-index:20}.topbar-title strong,.topbar-user strong{display:block;color:var(--pps-text)}.topbar-title small,.topbar-user small{display:block;color:var(--pps-muted);margin-top:3px}.topbar-user{display:flex;align-items:center;gap:14px;text-align:right}.mobile-menu-button{display:none;background:var(--pps-dark);color:#fffaf2;width:44px;height:44px;padding:0;border-radius:14px}.content{padding:30px;max-width:1500px;width:100%;box-sizing:border-box}.card,.ui-state{background:#ffffffe0;border:1px solid var(--pps-border);border-radius:24px;box-shadow:var(--pps-shadow)}.card{padding:24px}.card h1,.card h2,.card h3{color:var(--pps-text)}.page-header{background:#ffffffb8;border:1px solid var(--pps-border);border-radius:26px;padding:22px;box-shadow:0 14px 38px #241a120f}.page-header h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}button,.button-primary{background:linear-gradient(135deg,#241a12,#4a321d);color:#fffaf2;border:0;border-radius:14px;padding:11px 16px;font-weight:800;box-shadow:0 12px 24px #241a121f}.button-secondary,.row-actions button:last-child{background:#f4eadb;color:var(--pps-text);box-shadow:none}input,select,textarea,.toolbar-form input,.toolbar-form select,.form input,.form select,.form textarea{border:1px solid var(--pps-border);border-radius:14px;background:#fffffff0;color:var(--pps-text);outline:none;transition:.16s ease}input:focus,select:focus,textarea:focus{border-color:var(--pps-gold);box-shadow:0 0 0 4px #c79a4524}.badge{background:var(--pps-gold-soft);color:#6f4b11;border:1px solid rgba(199,154,69,.22)}.table-wrap{border:1px solid var(--pps-border);border-radius:18px;background:#fff}.data-table th{background:#fff8ed;color:#7b664d}.data-table td,.data-table th{border-bottom:1px solid #f0e5d6}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:stretch;background:linear-gradient(135deg,#241a12f5,#4a321deb),var(--pps-dark);color:#fffaf2;border-radius:34px;padding:clamp(26px,5vw,44px);box-shadow:0 28px 70px #241a122e;margin-bottom:24px}.hero-card h1{margin:0;font-size:clamp(32px,5vw,58px);line-height:1;letter-spacing:-.06em}.hero-card p{color:#fffaf2c2;max-width:780px;font-size:16px}.eyebrow{margin:0 0 12px;color:#f6d58a!important;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px!important}.hero-panel{border:1px solid rgba(246,213,138,.32);border-radius:26px;padding:20px;background:#fffaf214;display:flex;flex-direction:column;justify-content:flex-end}.hero-panel span,.hero-panel small{color:#fffaf2b3}.hero-panel strong{display:block;margin:8px 0;font-size:22px;color:#f6d58a}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-card{min-height:190px;padding:24px;border-radius:28px;background:#ffffffe6;border:1px solid var(--pps-border);box-shadow:var(--pps-shadow);color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:.18s ease}.dashboard-card:hover{transform:translateY(-3px);border-color:#c79a4573}.dashboard-card span{width:fit-content;background:#fff2d4;color:#805914;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.dashboard-card h3{margin:18px 0 8px;font-size:22px}.dashboard-card p{color:var(--pps-muted);margin:0;line-height:1.55}.dashboard-card strong{margin-top:auto;color:#805914}.sidebar-backdrop{display:none}@media(max-width:1180px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);transform:translate(-105%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#18110b75;padding:0;border-radius:0;box-shadow:none}.sidebar-backdrop.show{display:block}.mobile-menu-button{display:block;flex:0 0 auto}.topbar{padding:12px 16px}.topbar-user{gap:8px}.topbar-user small,.topbar-title small{display:none}.content{padding:18px}.hero-card{grid-template-columns:1fr;border-radius:28px}.hero-panel{min-height:120px}.dashboard-grid,.cards-grid{grid-template-columns:1fr}.page-header{display:grid;padding:18px}.toolbar-form{display:grid;grid-template-columns:1fr}.pagination-row{align-items:stretch;flex-direction:column}}.section-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-card-header h2{margin:0 0 6px}.section-card-header p{margin:0;color:var(--pps-muted)}.ui-drawer-root,.ui-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.ui-drawer-backdrop,.ui-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border-radius:0;background:#18110b85;box-shadow:none}.ui-drawer{position:absolute;top:0;right:0;width:min(560px,94vw);height:100%;background:var(--pps-surface);border-left:1px solid var(--pps-border);box-shadow:-24px 0 70px #241a1238;display:flex;flex-direction:column}.ui-drawer-header,.ui-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid var(--pps-border)}.ui-drawer-header h2,.ui-modal-header h2{margin:0 0 6px}.ui-drawer-header p,.ui-modal-header p{margin:0;color:var(--pps-muted)}.ui-drawer-body,.ui-modal-body{padding:22px;overflow:auto}.ui-drawer-footer,.ui-modal-footer{padding:18px 22px;border-top:1px solid var(--pps-border);background:var(--pps-surface-soft)}.ui-modal{position:relative;z-index:1;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:16px auto;background:var(--pps-surface);border:1px solid var(--pps-border);border-radius:28px;box-shadow:0 30px 90px #241a1242;overflow:hidden}@media(max-width:760px){.section-card-header,.ui-drawer-header,.ui-modal-header{display:grid}.ui-drawer{width:100vw}.ui-modal{width:calc(100vw - 18px);margin:9px auto;border-radius:22px}}.app-shell-modern{min-height:100vh;background:radial-gradient(circle at top right,rgba(201,169,110,.08),transparent 22%),linear-gradient(180deg,#f8f5ef,#f3eee6);display:grid;grid-template-columns:320px minmax(0,1fr)}.modern-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#241a12fa,#18110bfa);color:#fff8f0;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:200}.sidebar-brand{padding:28px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand a{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.brand-logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#c9a96e,#b89352);display:grid;place-items:center;font-size:1.5rem;box-shadow:0 10px 30px #c9a96e47}.sidebar-brand strong{display:block;font-size:1rem}.sidebar-brand small{color:#ffffff9e}.sidebar-scroll{flex:1;overflow:auto;padding:20px 14px 28px}.sidebar-group+.sidebar-group{margin-top:22px}.sidebar-group-title{margin:0 12px 10px;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff6b}.sidebar-group-links{display:grid;gap:6px}.sidebar-link{display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:14px;color:#ffffffd1;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar-link:hover{background:#ffffff0f;color:#fff;transform:translate(2px)}.sidebar-link.active{background:linear-gradient(135deg,#c9a96e3d,#c9a96e1f);color:#fff;box-shadow:inset 0 0 0 1px #c9a96e3d}.sidebar-footer{padding:18px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:14px}.sidebar-user{display:flex;align-items:center;gap:12px}.sidebar-user-avatar,.topbar-user-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#c9a96e,#b89352);color:#241a12;display:grid;place-items:center;font-weight:700}.sidebar-user strong,.topbar-user-card strong{display:block}.sidebar-user small,.topbar-user-card small{color:#ffffff94}.sidebar-logout{width:100%}.modern-main{min-width:0;display:flex;flex-direction:column}.modern-topbar{position:sticky;top:0;z-index:100;min-height:82px;padding:0 32px;background:#f8f5efd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(84,58,36,.08);display:flex;align-items:center;justify-content:space-between}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.topbar-page-info{display:grid;gap:4px}.topbar-label{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--pps-muted)}.topbar-page-info strong{color:var(--pps-text);font-size:1.02rem}.topbar-user-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(84,58,36,.08)}.mobile-menu-button{display:none;width:44px;height:44px;padding:0;border-radius:14px;font-size:1.15rem}.modern-content{flex:1;padding:34px}.mobile-sidebar-overlay{display:none}@media(max-width:1080px){.app-shell-modern{grid-template-columns:1fr}.mobile-menu-button{display:grid;place-items:center}.mobile-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c080480;z-index:180}.modern-sidebar{position:fixed;left:0;top:0;width:min(320px,88vw);transform:translate(-100%);transition:transform .22s ease;box-shadow:20px 0 60px #00000038}.modern-sidebar.open{transform:translate(0)}.modern-topbar{padding:0 18px}.modern-content{padding:20px}}@media(max-width:760px){.modern-topbar{min-height:74px}.topbar-user-card small{display:none}.modern-content{padding:16px}}.dashboard-shell{display:grid;gap:28px}.dashboard-hero{position:relative;overflow:hidden;border-radius:34px;padding:42px;background:radial-gradient(circle at top right,rgba(201,169,110,.24),transparent 26%),linear-gradient(135deg,#241a12,#3b2b1d);color:#fff8f0;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;box-shadow:0 24px 70px #241a1238}.dashboard-hero:after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.18),transparent 70%)}.dashboard-hero-content{position:relative;z-index:1}.dashboard-hero-eyebrow{margin:0 0 12px;font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;color:#fff8f0ad}.dashboard-hero h1{margin:0;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.04;color:#fff}.dashboard-hero-description{max-width:720px;margin:20px 0 0;color:#fff8f0d1;font-size:1.02rem;line-height:1.75}.dashboard-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.dashboard-primary-action,.dashboard-secondary-action{min-height:52px;padding:0 22px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .16s ease,opacity .16s ease}.dashboard-primary-action{background:linear-gradient(135deg,#c9a96e,#b89352);color:#241a12;font-weight:700}.dashboard-secondary-action{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12)}.dashboard-primary-action:hover,.dashboard-secondary-action:hover{transform:translateY(-2px)}.dashboard-hero-panel{position:relative;z-index:1;display:grid;gap:16px;align-content:start}.dashboard-hero-stat{padding:22px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashboard-hero-stat span{display:block;color:#fff8f09e;margin-bottom:8px}.dashboard-hero-stat strong{font-size:1.08rem;color:#fff}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.dashboard-metric-card{padding:26px;border-radius:26px;background:#ffffffb8;border:1px solid rgba(84,58,36,.08);box-shadow:0 10px 28px #241a120f}.dashboard-metric-label{margin:0 0 12px;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--pps-muted)}.dashboard-metric-value{display:block;font-size:1.8rem;color:var(--pps-text)}.dashboard-metric-description{margin:12px 0 0;color:var(--pps-muted);line-height:1.65}.dashboard-section{display:grid;gap:22px}.dashboard-section-header h2{margin:6px 0 0}.dashboard-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dashboard-action-card{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:28px;border-radius:28px;background:#ffffffc2;border:1px solid rgba(84,58,36,.08);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 12px 34px #241a120f}.dashboard-action-card:hover{transform:translateY(-4px);border-color:#c9a96e47;box-shadow:0 18px 44px #241a121f}.dashboard-action-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dashboard-action-card h3{margin:0 0 12px}.dashboard-action-card p{margin:0;color:var(--pps-muted);line-height:1.7}.dashboard-action-link{margin-top:24px;color:var(--pps-primary);font-weight:700}@media(max-width:1200px){.dashboard-actions-grid,.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.dashboard-hero{grid-template-columns:1fr;padding:30px}}@media(max-width:760px){.dashboard-actions-grid,.dashboard-metrics-grid{grid-template-columns:1fr}.dashboard-hero{padding:24px;border-radius:26px}.dashboard-action-card{min-height:auto}.dashboard-hero-actions{display:grid}}.checkout-reference-box{border:1px dashed rgba(201,169,110,.52);border-radius:24px;padding:24px;background:#fff8ed;word-break:break-word}.checkout-reference-box p{margin:0 0 10px;color:var(--pps-muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.checkout-reference-box strong{display:block;font-size:clamp(18px,3vw,28px);color:var(--pps-text);line-height:1.35}.admin-hero{background:radial-gradient(circle at top right,rgba(201,169,110,.22),transparent 24%),linear-gradient(135deg,#2b1d12,#4a3320)}.table-user-cell{display:flex;align-items:center;gap:14px}.table-user-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#c9a96e,#b89352);color:#241a12;display:grid;place-items:center;font-weight:700;flex-shrink:0}.table-user-cell strong{display:block}.table-user-cell p{margin:4px 0 0;color:var(--pps-muted);font-size:.92rem}.materials-workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;margin-top:22px}.material-preview-card{padding:22px;border-radius:24px;background:radial-gradient(circle at top right,rgba(201,169,110,.2),transparent 32%),#fff8ed;border:1px solid rgba(201,169,110,.28)}.material-preview-card h3{margin:14px 0 8px}.material-preview-card p{margin:0;color:var(--pps-muted)}.material-source-pill{display:inline-flex;width:fit-content;border-radius:999px;padding:6px 10px;background:#241a1214;color:var(--pps-text);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.upload-choice-box{display:grid;gap:10px;padding:16px;border:1px dashed rgba(201,169,110,.48);border-radius:20px;background:#fffaf2}.selected-file-card{display:grid;gap:4px;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--pps-border)}.selected-file-card small{color:var(--pps-muted)}@media(max-width:1180px){.materials-workspace-grid{grid-template-columns:1fr}}.assignments-workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;margin-top:22px}.assignment-preview-card{padding:22px;border-radius:24px;background:radial-gradient(circle at top right,rgba(201,169,110,.2),transparent 32%),#fff8ed;border:1px solid rgba(201,169,110,.28)}.assignment-preview-card h3{margin:14px 0 8px}.assignment-preview-card p{margin:0;color:var(--pps-muted)}.assignment-overdue{color:#b42318;font-weight:900}@media(max-width:1180px){.assignments-workspace-grid{grid-template-columns:1fr}}.assignment-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:24px;margin:22px 0;padding:28px;border-radius:30px;background:radial-gradient(circle at top right,rgba(201,169,110,.18),transparent 32%),#fff8ed;border:1px solid rgba(201,169,110,.26);box-shadow:0 16px 42px #241a1214}.assignment-detail-hero h2{margin:14px 0 10px;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.assignment-detail-hero p{color:var(--pps-muted);line-height:1.75}.assignment-detail-hero-overdue{border-color:#b4231838;background:radial-gradient(circle at top right,rgba(180,35,24,.11),transparent 32%),#fff8ed}.assignment-detail-meta{display:grid;gap:12px}.assignment-detail-meta p{margin:0;padding:14px;border-radius:18px;background:#ffffffb8;border:1px solid var(--pps-border)}.assignment-detail-meta strong{display:block;margin-bottom:6px;color:var(--pps-text)}.assignment-details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:22px;margin-top:22px}.submission-preview-card{padding:22px;border-radius:24px;background:radial-gradient(circle at top right,rgba(201,169,110,.2),transparent 32%),#fff8ed;border:1px solid rgba(201,169,110,.28)}.submission-preview-card h3{margin:14px 0 8px}.submission-preview-card p{margin:0;color:var(--pps-muted)}@media(max-width:1180px){.assignment-detail-hero,.assignment-details-grid{grid-template-columns:1fr}}.review-workspace-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:22px;margin-top:22px}.review-workspace-panel{display:grid;gap:18px}.review-summary-card{padding:22px;border-radius:24px;background:radial-gradient(circle at top right,rgba(201,169,110,.2),transparent 32%),#fff8ed;border:1px solid rgba(201,169,110,.28)}.review-summary-card h3{margin:14px 0 8px}.review-summary-card p{margin:0;color:var(--pps-muted)}.review-form-sticky{position:sticky;top:18px}.uploaded-file-card{display:grid;gap:4px;padding:14px;border-radius:18px;border:1px solid var(--pps-border);background:#ffffffb8}.uploaded-file-card small{color:var(--pps-muted)}@media(max-width:1180px){.review-workspace-grid{grid-template-columns:1fr}.review-form-sticky{position:static}}.recordings-workspace-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:22px;margin-top:22px}.recording-review-panel{display:grid;gap:18px}.recording-preview-card{padding:22px;border-radius:24px;background:radial-gradient(circle at top right,rgba(201,169,110,.2),transparent 32%),#fff8ed;border:1px solid rgba(201,169,110,.28)}.recording-preview-card h3{margin:14px 0 8px}.recording-preview-card p{margin:0;color:var(--pps-muted)}.recording-feedback-form{position:sticky;top:18px}@media(max-width:1180px){.recordings-workspace-grid{grid-template-columns:1fr}.recording-feedback-form{position:static}}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.4rem;font-weight:600}.auth-form input,.auth-form select{width:100%}.public-page{display:flex;flex-direction:column;gap:4rem;padding:3rem 1.5rem 5rem;max-width:1280px;margin:0 auto}.public-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;align-items:center;min-height:70vh}.public-hero-content{display:flex;flex-direction:column;gap:1.5rem}.public-eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.public-hero h1,.public-section h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;font-weight:800;margin:0}.public-description{font-size:1.05rem;line-height:1.8;max-width:720px;opacity:.85}.public-actions{display:flex;flex-wrap:wrap;gap:1rem}.public-primary-button,.public-secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.4rem;border-radius:14px;font-weight:700;text-decoration:none;transition:all .2s ease}.public-primary-button{background:var(--color-primary, #111827);color:#fff}.public-primary-button:hover{transform:translateY(-1px);opacity:.92}.public-secondary-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit}.public-secondary-button:hover{transform:translateY(-1px);background:#ffffff14}.public-hero-panel{display:flex;flex-direction:column;gap:1rem}.public-stat-card,.public-card{border-radius:20px;padding:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-stat-card strong,.public-card h3{display:block;margin-bottom:.7rem;font-size:1.1rem}.public-stat-card span,.public-card p{opacity:.82;line-height:1.7}.public-section{display:flex;flex-direction:column;gap:2rem}.public-section-header{display:flex;flex-direction:column;gap:1rem}.public-section h2{font-size:clamp(2rem,4vw,3rem);margin:0}.public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.public-cta{display:flex;justify-content:space-between;gap:2rem;align-items:center;flex-wrap:wrap;padding:2rem;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(100%,520px);border-radius:24px;padding:2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card h1{margin-bottom:.5rem}.auth-card p{opacity:.82}@media(max-width:768px){.public-page{padding:2rem 1rem 4rem}.public-hero{min-height:auto}.public-cta{flex-direction:column;align-items:flex-start}.public-actions,.public-primary-button,.public-secondary-button{width:100%}}