:root{--cp-color-primary: #0066cc;--cp-color-primary-hover: #0052a3;--cp-color-primary-light: rgba(0, 102, 204, .1);--cp-portal-title: "Support Portal"}.cp-header{background-color:var(--cp-color-bg);border-bottom:1px solid var(--cp-color-border);height:var(--cp-header-height);position:sticky;top:0;z-index:100}.cp-header-inner{max-width:var(--cp-max-width);margin:0 auto;padding:0 var(--cp-space-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.cp-header-brand{display:flex;align-items:center;gap:var(--cp-space-md);text-decoration:none;color:var(--cp-color-text)}.cp-header-logo{height:36px;width:auto;object-fit:contain}.cp-header-title{font-size:var(--cp-font-size-lg);font-weight:600;color:var(--cp-color-text)}.cp-nav{display:flex;align-items:center;gap:var(--cp-space-xs)}.cp-nav-link{padding:var(--cp-space-sm) var(--cp-space-md);border-radius:var(--cp-radius-sm);text-decoration:none;font-size:var(--cp-font-size-sm);font-weight:500;color:var(--cp-color-text-secondary);transition:all var(--cp-transition-fast)}.cp-nav-link:hover{background-color:var(--cp-color-bg-secondary);color:var(--cp-color-text)}.cp-nav-link.active{background-color:var(--cp-color-primary-light);color:var(--cp-color-primary)}.cp-user-menu{position:relative}.cp-user-menu-trigger{display:flex;align-items:center;gap:var(--cp-space-sm);padding:var(--cp-space-xs) var(--cp-space-sm);border:none;background:none;cursor:pointer;border-radius:var(--cp-radius-sm);font-size:var(--cp-font-size-sm);color:var(--cp-color-text)}.cp-user-menu-trigger:hover{background-color:var(--cp-color-bg-secondary)}.cp-user-menu-trigger:focus-visible{outline:2px solid var(--cp-color-primary);outline-offset:2px}.cp-user-avatar{width:32px;height:32px;border-radius:var(--cp-radius-full);background-color:var(--cp-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--cp-font-size-sm);font-weight:600}.cp-user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--cp-space-xs);background:var(--cp-color-bg);border:1px solid var(--cp-color-border);border-radius:var(--cp-radius-md);box-shadow:var(--cp-shadow-lg);min-width:200px;z-index:200;padding:var(--cp-space-xs) 0}.cp-user-dropdown-item{display:block;width:100%;padding:var(--cp-space-sm) var(--cp-space-md);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--cp-font-size-sm);color:var(--cp-color-text)}.cp-user-dropdown-item:hover{background-color:var(--cp-color-bg-secondary)}.cp-footer{background-color:var(--cp-color-bg-secondary);border-top:1px solid var(--cp-color-border);padding:var(--cp-space-xl) 0;margin-top:var(--cp-space-2xl)}.cp-footer-inner{max-width:var(--cp-max-width);margin:0 auto;padding:0 var(--cp-space-lg);text-align:center;color:var(--cp-color-text-secondary);font-size:var(--cp-font-size-sm)}.cp-page{min-height:calc(100vh - var(--cp-header-height));display:flex;flex-direction:column}.cp-page-content{flex:1;max-width:var(--cp-max-width);margin:0 auto;padding:var(--cp-space-xl) var(--cp-space-lg);width:100%}.cp-page-title{font-size:var(--cp-font-size-2xl);font-weight:700;margin-bottom:var(--cp-space-lg);color:var(--cp-color-text)}.cp-mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--cp-space-sm);font-size:var(--cp-font-size-xl);color:var(--cp-color-text)}@media (max-width: 768px){.cp-mobile-nav-toggle{display:block}.cp-nav{display:none;position:absolute;top:var(--cp-header-height);left:0;right:0;background:var(--cp-color-bg);border-bottom:1px solid var(--cp-color-border);flex-direction:column;padding:var(--cp-space-md);box-shadow:var(--cp-shadow-md)}.cp-nav.open{display:flex}.cp-nav-link{width:100%;padding:var(--cp-space-md)}.cp-header-title{font-size:var(--cp-font-size-md)}}:root{--cp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--cp-font-size-xs: .75rem;--cp-font-size-sm: .875rem;--cp-font-size-md: 1rem;--cp-font-size-lg: 1.25rem;--cp-font-size-xl: 1.5rem;--cp-font-size-2xl: 2rem;--cp-space-xs: .25rem;--cp-space-sm: .5rem;--cp-space-md: 1rem;--cp-space-lg: 1.5rem;--cp-space-xl: 2rem;--cp-space-2xl: 3rem;--cp-color-bg: #ffffff;--cp-color-bg-secondary: #f8f9fa;--cp-color-bg-tertiary: #e9ecef;--cp-color-text: #212529;--cp-color-text-secondary: #6c757d;--cp-color-text-muted: #adb5bd;--cp-color-border: #dee2e6;--cp-color-border-light: #e9ecef;--cp-color-success: #28a745;--cp-color-warning: #ffc107;--cp-color-error: #dc3545;--cp-color-info: #17a2b8;--cp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--cp-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--cp-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--cp-radius-sm: 4px;--cp-radius-md: 8px;--cp-radius-lg: 12px;--cp-radius-full: 9999px;--cp-max-width: 1200px;--cp-header-height: 64px;--cp-footer-height: auto;--cp-transition-fast: .15s ease;--cp-transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--cp-font-family);font-size:var(--cp-font-size-md);color:var(--cp-color-text);background-color:var(--cp-color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}.cp-container{max-width:var(--cp-max-width);margin:0 auto;padding:0 var(--cp-space-lg)}.cp-card{background:var(--cp-color-bg);border:1px solid var(--cp-color-border);border-radius:var(--cp-radius-md);padding:var(--cp-space-lg);box-shadow:var(--cp-shadow-sm)}.cp-card:hover{box-shadow:var(--cp-shadow-md);transition:box-shadow var(--cp-transition-normal)}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cp-space-sm);padding:var(--cp-space-sm) var(--cp-space-lg);border:1px solid transparent;border-radius:var(--cp-radius-sm);font-size:var(--cp-font-size-sm);font-weight:500;cursor:pointer;transition:all var(--cp-transition-fast);text-decoration:none;line-height:1.5}.cp-btn:focus-visible{outline:2px solid var(--cp-color-primary, #0066cc);outline-offset:2px}.cp-btn-primary{background-color:var(--cp-color-primary, #0066cc);color:#fff}.cp-btn-primary:hover{opacity:.9}.cp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cp-btn-secondary{background-color:transparent;color:var(--cp-color-primary, #0066cc);border-color:var(--cp-color-primary, #0066cc)}.cp-btn-secondary:hover{background-color:var(--cp-color-bg-secondary)}.cp-btn-ghost{background:transparent;color:var(--cp-color-text-secondary)}.cp-btn-ghost:hover{background-color:var(--cp-color-bg-secondary)}.cp-input,.cp-textarea,.cp-select{width:100%;padding:var(--cp-space-sm) var(--cp-space-md);border:1px solid var(--cp-color-border);border-radius:var(--cp-radius-sm);font-size:var(--cp-font-size-md);font-family:var(--cp-font-family);color:var(--cp-color-text);background-color:var(--cp-color-bg);transition:border-color var(--cp-transition-fast)}.cp-input:focus,.cp-textarea:focus,.cp-select:focus{outline:none;border-color:var(--cp-color-primary, #0066cc);box-shadow:0 0 0 3px #0066cc26}.cp-input.cp-input-error,.cp-textarea.cp-input-error,.cp-select.cp-input-error{border-color:var(--cp-color-error)}.cp-textarea{min-height:100px;resize:vertical}.cp-label{display:block;font-size:var(--cp-font-size-sm);font-weight:500;margin-bottom:var(--cp-space-xs);color:var(--cp-color-text)}.cp-field-error{font-size:var(--cp-font-size-xs);color:var(--cp-color-error);margin-top:var(--cp-space-xs)}.cp-form-group{margin-bottom:var(--cp-space-lg)}.cp-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--cp-radius-full);font-size:var(--cp-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cp-badge-open{background:#e3f2fd;color:#1565c0}.cp-badge-pending{background:#fff3e0;color:#e65100}.cp-badge-resolved{background:#e8f5e9;color:#2e7d32}.cp-badge-closed{background:#f5f5f5;color:#616161}.cp-badge-low{background:#e8f5e9;color:#2e7d32}.cp-badge-medium{background:#fff3e0;color:#e65100}.cp-badge-high{background:#fce4ec;color:#c62828}.cp-badge-critical{background:#f3e5f5;color:#6a1b9a}.cp-alert{padding:var(--cp-space-md) var(--cp-space-lg);border-radius:var(--cp-radius-sm);margin-bottom:var(--cp-space-md);display:flex;align-items:flex-start;gap:var(--cp-space-sm)}.cp-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.cp-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.cp-alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.cp-alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.cp-pagination{display:flex;align-items:center;justify-content:center;gap:var(--cp-space-sm);padding:var(--cp-space-lg) 0}.cp-pagination button{padding:var(--cp-space-sm) var(--cp-space-md);border:1px solid var(--cp-color-border);border-radius:var(--cp-radius-sm);background:var(--cp-color-bg);cursor:pointer;font-size:var(--cp-font-size-sm)}.cp-pagination button:disabled{opacity:.5;cursor:not-allowed}.cp-pagination button.active{background:var(--cp-color-primary, #0066cc);color:#fff;border-color:var(--cp-color-primary, #0066cc)}.cp-skeleton{background:linear-gradient(90deg,var(--cp-color-bg-tertiary) 25%,var(--cp-color-bg-secondary) 50%,var(--cp-color-bg-tertiary) 75%);background-size:200% 100%;animation:cp-skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--cp-radius-sm)}@keyframes cp-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.cp-stars{display:inline-flex;gap:4px}.cp-star{cursor:pointer;font-size:1.5rem;color:var(--cp-color-text-muted);background:none;border:none;padding:0;line-height:1;transition:color var(--cp-transition-fast)}.cp-star:focus-visible{outline:2px solid var(--cp-color-primary, #0066cc);outline-offset:2px;border-radius:2px}.cp-star.active,.cp-star:hover{color:#f59e0b}@media (max-width: 768px){.cp-container{padding:0 var(--cp-space-md)}.cp-card{padding:var(--cp-space-md)}}@media (max-width: 480px){:root{--cp-font-size-2xl: 1.5rem;--cp-font-size-xl: 1.25rem}}.cp-page-title{font-size:var(--cp-font-size-2xl);font-weight:700;margin-bottom:var(--cp-space-lg)}.cp-page-fallback{padding:var(--cp-space-xl)}.cp-layout-with-sidebar{display:grid;grid-template-columns:1fr 350px;gap:var(--cp-space-xl);align-items:start}@media (max-width: 768px){.cp-layout-with-sidebar{grid-template-columns:1fr}}.cp-form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--cp-space-md)}@media (max-width: 480px){.cp-form-grid-2col{grid-template-columns:1fr}}.cp-ticket-meta{display:flex;gap:var(--cp-space-lg);flex-wrap:wrap;font-size:var(--cp-font-size-sm);color:var(--cp-color-text-secondary);margin-bottom:var(--cp-space-lg)}.cp-ticket-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--cp-space-md)}@media (max-width: 480px){.cp-ticket-header-row{flex-direction:column;gap:var(--cp-space-sm)}}.cp-page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cp-space-lg)}@media (max-width: 480px){.cp-page-header-row{flex-direction:column;align-items:flex-start;gap:var(--cp-space-sm)}}.cp-action-row{display:flex;gap:var(--cp-space-md);margin-top:var(--cp-space-lg)}@media (max-width: 480px){.cp-action-row{flex-direction:column}}.cp-attachment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--cp-space-sm) 0;border-bottom:1px solid var(--cp-color-border-light)}