:root{--csc-color-primary:#D71920;--csc-color-primary-dark:#86171B;--csc-color-accent:#F5A623;--csc-color-accent-light:#FFCF80;--csc-color-purple:#B99FC7;--csc-bg-body:#F5C9B8;--csc-bg-sidebar:#EDF2F7;--csc-bg-card:#ffffff;--csc-bg-nav-hover:#f5f5f5;--csc-text-primary:#1a1a1a;--csc-text-secondary:#3F4156;--csc-text-muted:#9e9e9e;--csc-text-on-primary:#ffffff;--csc-text-link:#86171B;--csc-border:#e8ddd8;--csc-color-border:#e8ddd8;--csc-border-accent:#FFCF80;--csc-border-radius:12px;--csc-border-radius-sm:6px;--csc-border-radius-full:9999px;--csc-shadow-card:0 1px 3px rgba(0, 0, 0, 0.06),
                               0 4px 16px rgba(0, 0, 0, 0.05);--csc-sidebar-width:260px;--csc-content-padding:1.75rem;--csc-space-1:0.25rem;--csc-space-2:0.5rem;--csc-space-3:0.75rem;--csc-space-4:1rem;--csc-space-5:1.25rem;--csc-space-6:1.5rem;--csc-space-8:2rem;--csc-space-10:2.5rem;--csc-font:'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                                Roboto, Helvetica, Arial, sans-serif;--csc-font-size-xs:0.6875rem;--csc-font-size-sm:0.8125rem;--csc-font-size-base:0.9375rem;--csc-font-size-md:1rem;--csc-font-size-lg:1.125rem;--csc-font-size-xl:1.375rem;--csc-font-size-2xl:1.75rem;--csc-font-weight-normal:400;--csc-font-weight-medium:500;--csc-font-weight-bold:700;--csc-font-weight-black:800;--csc-line-height:1.5}.csc-portal-body,.csc-portal-body *{box-sizing:border-box;margin:0;padding:0}.csc-portal-body{font-family:var(--csc-font);font-size:var(--csc-font-size-base);font-weight:var(--csc-font-weight-normal);line-height:var(--csc-line-height);color:var(--csc-text-primary);background:var(--csc-bg-body);min-height:100vh;-webkit-font-smoothing:antialiased}.csc-portal-body a:not(.csc-portal-btn):not(.csc-portal-nav-item):not(.csc-portal-logout):not(.csc-portal-card-link){color:var(--csc-text-link);text-decoration:none}.csc-portal-body a:not(.csc-portal-btn):not(.csc-portal-nav-item):not(.csc-portal-logout):not(.csc-portal-card-link):hover{text-decoration:underline}.csc-portal-body img{max-width:100%;display:block}.csc-portal-body h1,.csc-portal-body h2,.csc-portal-body h3,.csc-portal-body h4{font-weight:var(--csc-font-weight-bold);line-height:1.25;color:var(--csc-text-primary)}.csc-portal-body p{margin:0}.csc-portal-body ul{list-style:none}.csc-portal-dashboard{display:flex;min-height:100vh}.csc-portal-sidebar{width:var(--csc-sidebar-width);flex-shrink:0;background:var(--csc-bg-sidebar);display:flex;flex-direction:column;border-right:1px solid var(--csc-border);position:sticky;top:0;height:100vh;overflow-y:auto}.csc-portal-sidebar-inner{display:flex;flex-direction:column;height:100%;padding:var(--csc-space-6) 0 0}.csc-portal-logo{display:flex;align-items:center;gap:var(--csc-space-3);padding:0 var(--csc-space-5) var(--csc-space-6);border-bottom:1px solid var(--csc-border);margin-bottom:var(--csc-space-4)}.csc-portal-logo img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.csc-portal-logo-text{font-size:var(--csc-font-size-md);font-weight:var(--csc-font-weight-bold);color:var(--csc-text-primary);line-height:1.2}.csc-portal-nav{display:flex;flex-direction:column;gap:var(--csc-space-1);padding:0 var(--csc-space-3);flex:1}.csc-portal-nav-item{display:flex;align-items:center;gap:var(--csc-space-3);padding:var(--csc-space-3) var(--csc-space-4);border-radius:var(--csc-border-radius-sm);font-size:var(--csc-font-size-base);font-weight:var(--csc-font-weight-black);color:var(--csc-text-secondary);text-decoration:none;transition:background 0.15s,color 0.15s}.csc-portal-nav-item:hover{background:var(--csc-bg-nav-hover);text-decoration:none;color:var(--csc-text-primary)}.csc-portal-nav-item--active,.csc-portal-nav-item--active:hover{background:var(--csc-color-primary);color:var(--csc-text-on-primary);border:3px solid var(--csc-color-primary-dark)}.csc-portal-nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.75;color:var(--csc-color-primary-dark)}.csc-portal-nav-item--active .csc-portal-nav-icon{opacity:1;color:var(--csc-bg-card)}.csc-portal-sidebar-user{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px}.csc-portal-user{display:flex;flex-direction:column;align-items:center;gap:var(--csc-space-3);padding:var(--csc-space-3)}.csc-portal-avatar img{width:88px;height:88px;border-radius:var(--csc-border-radius-full);object-fit:cover;flex-shrink:0}.csc-portal-user-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.csc-portal-user-name{font-size:var(--csc-font-size-md);font-weight:var(--csc-font-weight-black);color:var(--csc-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csc-portal-user-email,.csc-portal-user-number{font-size:var(--csc-font-size-sm);color:var(--csc-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--csc-space-1)}.csc-portal-sidebar-footer{position:relative;padding:var(--csc-space-5) var(--csc-space-4) 0;margin-top:var(--csc-space-4);display:flex;flex-direction:column;align-items:center;gap:var(--csc-space-4)}.csc-portal-sidebar-footer:before{content:'';position:absolute;top:0;left:50%;width:80%;margin:auto;height:1px;background-color:#3F41564D;transform:translate(-50%,0%)}.csc-portal-logout{display:flex;align-items:center;gap:var(--csc-space-2);font-size:var(--csc-font-size-md);font-weight:var(--csc-font-weight-black);color:var(--csc-text-secondary);padding-bottom:var(--csc-space-2);text-decoration:none}.csc-portal-logout:hover{color:var(--csc-color-primary);text-decoration:none}.csc-portal-content-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.csc-portal-header-stripe{background-image:url(../../../../../../../../plugins/csc-participant-portal/public/image/border.png);background-size:cover;background-repeat:no-repeat;width:100%;height:30px;flex-shrink:0}.csc-portal-main{flex:1;padding:var(--csc-content-padding);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:var(--csc-space-5);align-content:start;background-image:url(../../../../../../../../plugins/csc-participant-portal/public/image/portal-bg.jpg);background-size:cover;background-position:center;background-attachment:local}.csc-portal-card{background:var(--csc-bg-card);border:3px solid var(--csc-border-accent);border-radius:var(--csc-border-radius);box-shadow:var(--csc-shadow-card);padding:var(--csc-space-6);overflow:hidden}.csc-portal-card-header{display:flex;align-items:center;gap:var(--csc-space-2);margin-bottom:var(--csc-space-4);font-size:var(--csc-font-size-sm);font-weight:var(--csc-font-weight-bold);color:var(--csc-text-secondary);text-transform:uppercase;letter-spacing:.04em}.csc-portal-card-header svg{width:16px;height:16px;flex-shrink:0;color:var(--csc-color-primary)}.csc-portal-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--csc-space-1);border-radius:var(--csc-border-radius-full);background:var(--csc-color-primary);color:var(--csc-text-on-primary);font-size:var(--csc-font-size-xs);font-weight:var(--csc-font-weight-bold);text-transform:none;letter-spacing:normal}.csc-portal-card-footer{margin-top:var(--csc-space-5);padding-top:var(--csc-space-4);border-top:1px solid var(--csc-border);text-align:center}.csc-portal-card-link{font-size:var(--csc-font-size-md);font-weight:var(--csc-font-weight-black);color:var(--csc-text-secondary);display:inline-flex;align-items:center;gap:var(--csc-space-1);text-decoration:none}.csc-portal-card-link:hover{text-decoration:underline}.csc-portal-card-footer .csc-portal-card-link{color:var(--csc-color-primary-dark)}.csc-portal-card hr,.csc-portal-divider{border:none;border-top:1px solid var(--csc-border);margin:var(--csc-space-3) 0}.csc-portal-card-reminder-item{padding:var(--csc-space-2) 0}.csc-portal-card-reminder-item+.csc-portal-card-reminder-item{border-top:1px solid var(--csc-border)}.csc-portal-card--full{grid-column:1 / -1}.csc-portal-card--left{grid-column:1}.csc-portal-card--right{grid-column:2}.csc-portal-card--tall{grid-row:span 2}.csc-portal-card-wrapper{display:flex;justify-content:space-between;gap:1rem}.csc-portal-card--welcome{position:relative;display:flex;align-items:center;width:40%}.csc-portal-card--welcome:before{content:'';position:absolute;top:0;left:0;background-image:url(../../../../../../../../plugins/csc-participant-portal/public/image/welcome-border.png);background-size:cover;background-repeat:no-repeat;width:100%;height:20px}.csc-portal-card--welcome h1{font-size:var(--csc-font-size-xl);font-weight:var(--csc-font-weight-bold)}.csc-portal-card--request{display:flex;flex-direction:column;justify-content:space-evenly;width:70%;height:100%}.csc-portal-card--request .csc-portal-card-footer{text-align:right}.csc-portal-quicklinks-list{display:flex;flex-direction:column;gap:1rem}.csc-portal-quicklink-item{display:flex;align-items:center;gap:var(--csc-space-2)}.csc-portal-card--resources{display:flex;flex-direction:column;justify-content:space-between}.csc-portal-resources-list{display:flex;flex-direction:column;gap:1rem}.csc-portal-resource-item{display:flex;align-items:center;gap:var(--csc-space-2)}.csc-portal-resource-icon{width:16px;height:16px;flex-shrink:0;color:var(--csc-color-secondary)}.csc-portal-card-reminder-item{margin-bottom:1rem}.csc-portal-card--program{min-height:0}.csc-portal-program-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--csc-space-8);align-items:start}.csc-portal-program-title{font-size:var(--csc-font-size-lg);margin-bottom:var(--csc-space-2)}.csc-portal-program>p{margin-bottom:var(--csc-space-2)}.csc-portal-program-category{text-transform:uppercase;letter-spacing:.03em;font-weight:var(--csc-font-weight-medium)}.csc-portal-program-date{font-weight:var(--csc-font-weight-bold)}.csc-portal-program-meeting-link{margin-top:var(--csc-space-4)}.csc-portal-card--attendance{display:flex;flex-direction:column;justify-content:space-between}.csc-portal-attendance-layout{display:flex;justify-content:center;gap:var(--csc-space-5)}.csc-portal-attendance-count{text-align:center}.csc-portal-attendance-last{min-width:0;padding-left:var(--csc-space-5);border-left:1px solid var(--csc-border)}.csc-portal-attendance-count .csc-stat-label{text-transform:none;letter-spacing:normal;font-weight:var(--csc-font-weight-bold);color:var(--csc-text-secondary);font-size:var(--csc-font-size-md);margin-bottom:var(--csc-space-1)}.csc-portal-attendance-count .csc-stat-number{font-size:4rem;font-weight:var(--csc-font-weight-black);color:var(--csc-text-secondary);margin-bottom:0}.csc-portal-attendance-last-label{font-weight:var(--csc-font-weight-medium);color:var(--csc-text-secondary);font-size:var(--csc-font-size-sm);margin-bottom:var(--csc-space-2)}.csc-portal-attendance-program{font-weight:var(--csc-font-weight-bold);color:var(--csc-text-primary);margin-bottom:var(--csc-space-1)}.csc-portal-attendance-date{font-size:var(--csc-font-size-xs);color:var(--csc-text-secondary);text-transform:uppercase;letter-spacing:.04em}.csc-portal-calendar-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--csc-font-size-sm);font-weight:var(--csc-font-weight-bold);color:var(--csc-text-secondary);margin-bottom:var(--csc-space-3)}.csc-portal-calendar-nav{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--csc-font-size-md);line-height:1;color:var(--csc-text-secondary);background:transparent;border:none;border-radius:var(--csc-border-radius-sm);cursor:pointer;transition:background 0.15s,color 0.15s}.csc-portal-calendar-nav:hover{background:var(--csc-bg-nav-hover);color:var(--csc-color-primary)}.csc-portal-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--csc-space-1)}.csc-portal-calendar-weekday{text-align:center;font-size:var(--csc-font-size-xs);font-weight:var(--csc-font-weight-bold);color:var(--csc-text-muted);text-transform:uppercase;padding-bottom:var(--csc-space-2)}.csc-portal-calendar-day{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-family:var(--csc-font);font-size:var(--csc-font-size-sm);color:var(--csc-text-primary);background:transparent;border:none;border-radius:var(--csc-border-radius-sm);cursor:pointer;transition:background 0.15s,color 0.15s}.csc-portal-calendar-day--blank{cursor:default}.csc-portal-calendar-day:not(.csc-portal-calendar-day--blank):hover{background:var(--csc-bg-nav-hover)}.csc-portal-calendar-day.is-today{box-shadow:inset 0 0 0 1.5px var(--csc-color-primary);font-weight:var(--csc-font-weight-bold)}.csc-portal-calendar-day.is-past{color:var(--csc-text-muted)}.csc-portal-calendar-day.has-event:after{content:'';position:absolute;bottom:4px;width:4px;height:4px;border-radius:var(--csc-border-radius-full);background:var(--csc-color-primary)}.csc-portal-calendar-day.is-selected{background:var(--csc-color-primary);color:var(--csc-text-on-primary)}.csc-portal-calendar-day.is-selected:after{background:var(--csc-text-on-primary)}.csc-portal-btn[hidden]{display:none!important}.csc-portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--csc-space-2);padding:var(--csc-space-3) var(--csc-space-5);border-radius:var(--csc-border-radius-sm);font-size:var(--csc-font-size-base);font-weight:var(--csc-font-weight-medium);font-family:var(--csc-font);line-height:1;cursor:pointer;border:3px solid var(--csc-color-primary-dark);text-decoration:none;transition:background 0.15s,opacity 0.15s}.csc-portal-btn:hover{text-decoration:none;opacity:.9}.csc-portal-btn--primary{background:var(--csc-color-primary);color:var(--csc-text-on-primary)}.csc-portal-btn--primary:hover{background:var(--csc-color-primary-dark);color:var(--csc-text-on-primary);opacity:1}.csc-portal-btn--outline{background:transparent;color:var(--csc-color-primary);border:1.5px solid var(--csc-color-primary)}.csc-portal-btn--secondary,.csc-portal-quick-action-btn{background:#fff5f5;color:var(--csc-color-primary);border-color:var(--csc-color-primary)}.csc-portal-btn--secondary:hover,.csc-portal-quick-action-btn:hover{background:var(--csc-color-primary);color:var(--csc-text-on-primary);text-decoration:none;opacity:1}.csc-portal-btn--full{width:100%}.csc-portal-btn--small{padding:var(--csc-space-2) var(--csc-space-3);font-size:var(--csc-font-size-sm)}.csc-portal-main--admin .csc-portal-card{border-color:var(--csc-color-purple)}.csc-portal-header-stripe--admin{background-image:url(../../../../../../../../plugins/csc-participant-portal/public/image/border-admin.png);background-size:cover;background-repeat:no-repeat}.csc-portal-stat-row{grid-column:1 / -1;display:flex;gap:var(--csc-space-5)}.csc-portal-stat-row .csc-portal-card{flex:1;min-width:0}.csc-stat-label{font-size:var(--csc-font-size-xs);font-weight:var(--csc-font-weight-medium);color:var(--csc-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--csc-space-2)}.csc-stat-number{font-size:var(--csc-font-size-2xl);font-weight:var(--csc-font-weight-bold);color:var(--csc-text-primary);line-height:1;margin-bottom:var(--csc-space-4)}.csc-portal-program-list{display:flex;flex-direction:column}.csc-portal-program-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--csc-space-4);padding:var(--csc-space-3) 0}.csc-portal-program-info{flex:1;min-width:0}.csc-portal-program-name{font-weight:var(--csc-font-weight-bold);margin-bottom:var(--csc-space-1)}.csc-portal-program-actions{display:flex;gap:var(--csc-space-5);margin-top:var(--csc-space-2)}.csc-portal-program-count{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.csc-portal-program-ratio{font-size:var(--csc-font-size-lg);font-weight:var(--csc-font-weight-bold)}.csc-portal-activity-feed{display:flex;flex-direction:column;gap:var(--csc-space-1)}.csc-portal-activity-item{display:flex;align-items:center;gap:var(--csc-space-3);padding:var(--csc-space-3) 0;border-bottom:1px solid var(--csc-border)}.csc-portal-activity-item:last-child{border-bottom:none}.csc-portal-activity-avatar img{width:36px;height:36px;border-radius:var(--csc-border-radius-full);object-fit:cover;flex-shrink:0}.csc-portal-activity-body{flex:1;min-width:0;font-size:var(--csc-font-size-sm)}.csc-portal-activity-time{font-size:var(--csc-font-size-xs);color:var(--csc-text-muted);white-space:nowrap;flex-shrink:0}.csc-portal-activity-link{color:var(--csc-color-primary);text-decoration:underline;text-underline-offset:2px}.csc-portal-activity-link:hover{color:var(--csc-color-primary-dark)}.csc-portal-quick-actions{display:flex;gap:var(--csc-space-4);flex-wrap:wrap}.csc-portal-quick-action-btn{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:var(--csc-space-2);padding:var(--csc-space-4) var(--csc-space-5);border-radius:var(--csc-border-radius-sm);font-size:var(--csc-font-size-base);font-weight:var(--csc-font-weight-medium);text-decoration:none;transition:background 0.15s,color 0.15s}.csc-text-sm{font-size:var(--csc-font-size-sm)}.csc-text-xs{font-size:var(--csc-font-size-xs)}.csc-text-muted{color:var(--csc-text-secondary)}.csc-text-bold{font-weight:var(--csc-font-weight-bold)}.csc-text-primary{color:var(--csc-color-primary)}.csc-modal-overlay{position:fixed;inset:0;background:rgba(26,26,26,.55);display:flex;align-items:flex-start;justify-content:center;padding:var(--csc-space-8) var(--csc-space-4);overflow-y:auto;z-index:1000}.csc-modal-overlay[hidden]{display:none}.csc-modal{position:relative;background:var(--csc-bg-card);border-radius:var(--csc-border-radius);box-shadow:var(--csc-shadow-card);width:100%;max-width:460px;padding:var(--csc-space-6)}.csc-modal-close{position:absolute;top:var(--csc-space-4);right:var(--csc-space-4);display:flex;align-items:center;justify-content:center;background:none;color:var(--csc-text-muted);border:none;padding:4px;line-height:1;cursor:pointer}.csc-modal-close:hover{color:var(--csc-text-primary)}.csc-modal-title{text-align:center;font-size:var(--csc-font-size-xl);margin-bottom:var(--csc-space-5)}.csc-modal-notice{font-size:var(--csc-font-size-sm);color:var(--csc-color-primary);background:#fff5f5;border:1px solid var(--csc-color-primary);border-radius:var(--csc-border-radius-sm);padding:var(--csc-space-2) var(--csc-space-3);margin-bottom:var(--csc-space-4)}.csc-modal-notice:not(.csc-modal-notice--error){color:#1a7a3c;background:#f2fbf5;border-color:#1a7a3c}.csc-modal-section{margin-bottom:var(--csc-space-5)}.csc-modal-section--centered{text-align:center}.csc-modal-section-label{font-size:var(--csc-font-size-sm);font-weight:var(--csc-font-weight-bold);margin-bottom:var(--csc-space-2)}.csc-modal-avatar img{border-radius:var(--csc-border-radius-full);margin:0 auto var(--csc-space-2)}.csc-modal-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--csc-space-3)}.csc-modal-field-row--password{grid-template-columns:1fr}.csc-modal-section label{display:block;font-size:var(--csc-font-size-xs);color:var(--csc-text-secondary);font-weight:var(--csc-font-weight-medium);margin-bottom:var(--csc-space-3)}.csc-modal-section input[type="text"],.csc-modal-section input[type="email"],.csc-modal-section input[type="password"],.csc-modal-section textarea{display:block;width:100%;margin-top:var(--csc-space-1);padding:var(--csc-space-2) var(--csc-space-3);border:1px solid var(--csc-border);border-radius:var(--csc-border-radius-sm);font-family:var(--csc-font);font-size:var(--csc-font-size-base);color:var(--csc-text-primary)}.csc-modal-section input:focus,.csc-modal-section textarea:focus{outline:2px solid var(--csc-color-accent);outline-offset:1px}.csc-modal-checkbox-label{display:flex;align-items:center;gap:var(--csc-space-2);font-size:var(--csc-font-size-sm);cursor:pointer}.csc-modal-checkbox-label input[type="checkbox"]{width:16px;height:16px;flex-shrink:0;cursor:pointer;accent-color:var(--csc-color-primary)}.csc-modal-actions{display:flex;align-items:center;justify-content:center;gap:var(--csc-space-5)}.csc-modal-actions--right{justify-content:flex-end;margin-top:var(--csc-space-3)}.csc-modal-notes-list{display:flex;flex-direction:column;gap:var(--csc-space-3);margin-bottom:var(--csc-space-3);max-height:180px;overflow-y:auto}.csc-modal-note{border-bottom:1px solid var(--csc-border);padding-bottom:var(--csc-space-2)}.csc-modal-note-delete{background:none;border:none;color:var(--csc-color-primary);font-size:var(--csc-font-size-xs);cursor:pointer;padding:0;margin-left:var(--csc-space-2)}.csc-modal-activity-log p{margin-bottom:var(--csc-space-2)}@media (max-width:900px){.csc-portal-dashboard{flex-direction:column}.csc-portal-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--csc-border)}.csc-portal-sidebar-inner{padding:var(--csc-space-4)}.csc-portal-nav{flex-direction:row;flex-wrap:wrap}.csc-portal-main{grid-template-columns:1fr}.csc-portal-card--left,.csc-portal-card--right,.csc-portal-card--tall{grid-column:1;grid-row:auto}.csc-portal-program-layout{grid-template-columns:1fr}.csc-portal-calendar-grid{max-width:320px;margin:0 auto}.csc-portal-stat-row{flex-direction:column}.csc-portal-quick-actions{flex-direction:column}.csc-portal-quick-action-btn{min-width:unset}.csc-modal-field-row{grid-template-columns:1fr}}.csc-portal-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.csc-portal-modal[hidden]{display:none}.csc-portal-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}.csc-portal-modal-dialog{position:relative;background:var(--csc-color-card-bg,#fff);border-radius:12px;padding:28px;width:min(480px, calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,.18)}.csc-portal-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.csc-portal-modal-title{font-size:var(--csc-font-size-lg,1.1rem);font-weight:700;margin:0}.csc-portal-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--csc-color-muted);line-height:1}.csc-portal-modal-body{margin-bottom:4px}.csc-portal-modal-field{margin-bottom:16px}.csc-portal-modal-field label{display:block;font-size:var(--csc-font-size-sm);font-weight:600;margin-bottom:6px}.csc-portal-modal-field input,.csc-portal-modal-field textarea,.csc-portal-modal-field select{width:100%;padding:9px 12px;border:1px solid var(--csc-color-border);border-radius:6px;font-size:var(--csc-font-size-sm);box-sizing:border-box}.csc-portal-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}