*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#1f2937;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#f1f5f9}*::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{text-decoration:none}button{font-family:inherit}.dark-mode{color-scheme:dark}.dark-mode .layout{background-color:#111827}.dark-mode .sidebar{background:linear-gradient(180deg,#1f2937,#111827);border-right-color:#374151}.dark-mode .sidebar-header{border-bottom-color:#374151}.dark-mode .logo-text{color:#f9fafb}.dark-mode .nav-item{color:#9ca3af}.dark-mode .nav-item:hover{background:#374151;color:#f9fafb}.dark-mode .nav-item.active{background:linear-gradient(90deg,#8b5cf633,#8b5cf61a);color:#a78bfa}.dark-mode .top-header{background:#1f2937;border-bottom-color:#374151}.dark-mode .main-content{background:linear-gradient(135deg,#111827,#1f2937);color:#f9fafb}.dark-mode .main-footer{background:#1f2937;border-top-color:#374151}.dark-mode .main-footer p{color:#9ca3af}.dark-mode .avatar-dropdown{background:#1f2937;border-color:#374151}.dark-mode .dropdown-item{color:#f9fafb}.dark-mode .dropdown-item:hover{background:#374151;color:#a78bfa}.dark-mode .projects-header h1,.dark-mode .projects-subtitle,.dark-mode .commands-header h1,.dark-mode .commands-subtitle{color:#f9fafb}.dark-mode .projects-content,.dark-mode .commands-content{background:#1f2937;border-color:#374151}.dark-mode .projects-table,.dark-mode .commands-grid{color:#f9fafb}.dark-mode .projects-table thead{background:#111827;border-bottom-color:#374151}.dark-mode .projects-table th{color:#9ca3af}.dark-mode .projects-table tbody tr{border-bottom-color:#374151}.dark-mode .projects-table tbody tr:hover{background:#374151}.dark-mode .projects-table td{color:#f9fafb}.dark-mode .tab-button{color:#9ca3af}.dark-mode .tab-button:hover{color:#f9fafb;background:#374151}.dark-mode .tab-button.active{color:#a78bfa;border-bottom-color:#a78bfa}.dark-mode .projects-tabs,.dark-mode .commands-tabs{border-bottom-color:#374151}.dark-mode .command-card{background:#111827;border-color:#374151}.dark-mode .command-card:hover{border-color:#8b5cf6}.dark-mode .command-title{color:#f9fafb}.dark-mode .command-description{color:#9ca3af}.dark-mode .copy-button{background:#1f2937;border-color:#374151;color:#f9fafb}.dark-mode .copy-button:hover{background:#8b5cf6;border-color:#8b5cf6}.dark-mode .team-header h1,.dark-mode .team-subtitle{color:#f9fafb}.dark-mode .team-card{background:#1f2937;border-color:#374151}.dark-mode .team-card:hover{border-color:#8b5cf6}.dark-mode .team-name{color:#f9fafb}.dark-mode .team-role{color:#9ca3af}.dark-mode .company-header h1,.dark-mode .company-subtitle{color:#f9fafb}.dark-mode .section-header h2{color:#f9fafb}.dark-mode .info-list li,.dark-mode .about-text{color:#d1d5db}.layout{min-height:100vh;display:flex;background-color:#f5f5f5}.sidebar{width:260px;background:linear-gradient(180deg,#fff,#f9fafb);border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:100;box-shadow:2px 0 8px #0000000d}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid #e5e7eb}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.logo-icon{font-size:1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.logo-text{font-size:1.25rem;font-weight:700;color:#1f2937}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.nav-section{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;color:#6b7280;text-decoration:none;cursor:pointer;transition:all .2s;position:relative;font-size:.95rem;font-weight:500}.nav-item:hover{background:#f9fafb;color:#1f2937}.nav-item.active{background:linear-gradient(90deg,#8b5cf61a,#8b5cf60d);color:#8b5cf6;border-left:3px solid #8b5cf6;padding-left:calc(1.25rem - 3px);font-weight:600;box-shadow:inset 0 0 20px #8b5cf60d}.nav-icon{font-size:1.125rem;width:20px;text-align:center}.nav-label{flex:1}.nav-arrow{font-size:.75rem;color:#9ca3af}.nav-item.expanded .nav-arrow{color:#8b5cf6}.submenu{display:flex;flex-direction:column;background:#f9fafb;padding:.5rem 0}.submenu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem .625rem 3rem;color:#6b7280;text-decoration:none;font-size:.875rem;transition:all .2s}.submenu-item:hover{background:#f3f4f6;color:#1f2937}.submenu-item.active{background:#ede9fe;color:#8b5cf6;font-weight:600;border-left:3px solid #8b5cf6;padding-left:calc(3rem - 3px)}.submenu-icon{font-size:1rem;width:16px;text-align:center}.submenu-label{flex:1}.main-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.top-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 2rem;position:sticky;top:0;z-index:50}.header-content{display:flex;align-items:center;justify-content:space-between}.header-left{flex:1}.header-right{display:flex;align-items:center;gap:1.5rem}.header-toggle{display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#8b5cf6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.header-avatar{display:flex;align-items:center;gap:.5rem;cursor:pointer;position:relative}.avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.avatar-arrow{font-size:.75rem;color:#6b7280;transition:transform .2s}.header-avatar:hover .avatar-arrow{transform:rotate(180deg)}.avatar-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;color:#1f2937;font-size:.875rem}.dropdown-item:hover{background:#f3f4f6;color:#8b5cf6}.dropdown-icon{font-size:1rem}.main-content{flex:1;padding:2rem;background:linear-gradient(135deg,#f5f5f5,#fafafa);min-height:calc(100vh - 140px)}.main-footer{background:#fff;border-top:1px solid #e5e7eb;padding:1rem 2rem;text-align:center}.main-footer p{color:#9ca3af;font-size:.75rem;margin:0}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.main-wrapper{margin-left:0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:2rem;position:relative}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:3rem 2.5rem;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form{margin-bottom:0}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.95rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;background:#f9fafb;color:#1f2937;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 3px #8b5cf61a}.form-input::placeholder{color:#9ca3af}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.5rem;text-align:center}.sign-in-button{width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #8b5cf64d;margin-top:.5rem}.sign-in-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.sign-in-button:active{transform:translateY(0)}.login-credentials-hint{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;font-size:.875rem}.login-credentials-hint p{color:#6b7280;font-weight:600;margin:0 0 .5rem}.login-credentials-hint ul{margin:0;padding-left:1.25rem;color:#4b5563}.login-credentials-hint li{margin-bottom:.25rem;line-height:1.6}.login-credentials-hint li strong{color:#1f2937;font-weight:600}.dark-mode .login-credentials-hint{border-top-color:#374151}.dark-mode .login-credentials-hint p{color:#9ca3af}.dark-mode .login-credentials-hint ul{color:#d1d5db}.dark-mode .login-credentials-hint li strong{color:#f9fafb}@media(max-width:640px){.login-container{padding:2rem 1.5rem}.login-title{font-size:1.75rem}}.dashboard-page{width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.dashboard-subtitle{color:#6b7280;font-size:.95rem;margin:0}.dashboard-date{color:#9ca3af;font-size:.875rem;font-weight:500}.dashboard-quick-links{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.quick-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#4b5563;font-weight:600;font-size:.95rem;transition:all .2s;box-shadow:0 1px 3px #00000014}.quick-link:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.quick-link-icon{font-size:1.25rem}.quick-link-text{flex:1}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.widget{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014;transition:all .2s}.widget:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.widget-header h2{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.widget-link{font-size:.875rem;color:#8b5cf6;text-decoration:none;font-weight:500;transition:color .2s}.widget-link:hover{color:#6366f1}.widget-content{min-height:120px}.stat-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.stat-item{display:flex;align-items:center;gap:.75rem;flex:1 1 calc(33.333% - 1rem);min-width:120px;max-width:100%}@media(max-width:768px){.stat-item{flex:1 1 100%;min-width:100%}}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-value{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1.2;word-break:break-word}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;word-break:break-word;white-space:nowrap}.stat-large{text-align:center;padding:1rem 0}.stat-large-value{font-size:3rem;font-weight:700;color:#8b5cf6;line-height:1;margin-bottom:.5rem}.stat-large-label{font-size:1rem;color:#1f2937;font-weight:600;margin-bottom:.25rem}.stat-large-subtext{font-size:.75rem;color:#9ca3af}.list-items{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:8px;transition:background .2s}.list-item:hover{background:#f3f4f6}.list-item-icon{font-size:1.25rem;flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:.95rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.list-item-subtitle{font-size:.875rem;color:#6b7280}.list-item-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.list-item-meta .amount{font-size:.875rem;font-weight:600;color:#dc2626}.list-item-meta .days{font-size:.75rem;color:#9ca3af}.empty-state{text-align:center;color:#9ca3af;font-size:.875rem;padding:2rem 0}.highlights-stats{display:flex;justify-content:space-around;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.highlight-stat{text-align:center}.highlight-value{font-size:2rem;font-weight:700;color:#8b5cf6;line-height:1;margin-bottom:.25rem}.highlight-label{font-size:.875rem;color:#6b7280;font-weight:500}.highlights-list{display:flex;flex-direction:column;gap:.75rem}.highlight-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:8px}.highlight-icon{font-size:1.125rem;flex-shrink:0}.highlight-text{flex:1;font-size:.875rem;color:#1f2937;font-weight:500}.highlight-date{font-size:.75rem;color:#9ca3af;flex-shrink:0}.dark-mode .widget{background:#1f2937;border-color:#374151}.dark-mode .widget-header h2,.dark-mode .stat-value,.dark-mode .stat-large-value,.dark-mode .stat-large-label,.dark-mode .list-item-title,.dark-mode .highlight-text{color:#f9fafb}.dark-mode .stat-label,.dark-mode .stat-large-subtext,.dark-mode .list-item-subtitle,.dark-mode .highlight-label{color:#9ca3af}.dark-mode .list-item,.dark-mode .highlight-item{background:#111827}.dark-mode .list-item:hover,.dark-mode .highlight-item:hover{background:#374151}.dark-mode .highlights-stats{border-bottom-color:#374151}.tasks-list,.issues-list,.announcements-list{display:flex;flex-direction:column;gap:.75rem}.task-item,.issue-item{display:flex;gap:.75rem;padding:.875rem;background:#f9fafb;border-radius:8px;border-left:3px solid #e5e7eb;transition:all .2s}.task-item:hover,.issue-item:hover{background:#f3f4f6;border-left-color:#8b5cf6}.task-priority,.issue-priority{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;height:fit-content}.priority-high{background:#fee2e2;color:#dc2626}.priority-medium{background:#fef3c7;color:#d97706}.priority-low{background:#dbeafe;color:#1e40af}.task-content,.issue-content{flex:1;min-width:0}.task-title,.issue-title{font-size:.95rem;font-weight:600;color:#1f2937;margin-bottom:.375rem}.task-meta,.issue-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#6b7280}.task-project,.issue-project,.task-status,.issue-assignee{display:inline-block}.task-status{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-pending{background:#fef3c7;color:#d97706}.status-completed{background:#d1fae5;color:#065f46}.issue-assignee{color:#8b5cf6;font-weight:500}.progress-circle-container{display:flex;justify-content:center;margin-bottom:1.5rem}.progress-circle{position:relative;width:150px;height:150px}.progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.progress-bar{fill:none;stroke:#8b5cf6;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .3s;stroke-dasharray:0 283}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percentage{font-size:2rem;font-weight:700;color:#8b5cf6;line-height:1;margin-bottom:.25rem}.progress-label{font-size:.875rem;color:#6b7280;font-weight:500}.progress-details{display:flex;flex-direction:column;gap:.75rem}.progress-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.progress-detail-item:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:.95rem;color:#1f2937;font-weight:600}.announcement-item{display:flex;gap:.75rem;padding:.875rem;background:#f9fafb;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s;border-left:3px solid #e5e7eb}.announcement-item:hover{background:#f3f4f6;border-left-color:#8b5cf6;transform:translate(2px)}.announcement-icon{font-size:1.25rem;flex-shrink:0}.announcement-content{flex:1;min-width:0}.announcement-title{font-size:.95rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.announcement-date{font-size:.8rem;color:#6b7280}.dark-mode .quick-link{background:#1f2937;border-color:#374151;color:#d1d5db}.dark-mode .quick-link:hover{border-color:#8b5cf6;color:#a78bfa}.dark-mode .task-item,.dark-mode .issue-item,.dark-mode .announcement-item{background:#111827;border-left-color:#374151}.dark-mode .task-item:hover,.dark-mode .issue-item:hover,.dark-mode .announcement-item:hover{background:#1f2937;border-left-color:#8b5cf6}.dark-mode .task-title,.dark-mode .issue-title,.dark-mode .announcement-title{color:#f9fafb}.dark-mode .progress-bg{stroke:#374151}.dark-mode .progress-percentage{color:#a78bfa}.dark-mode .progress-label{color:#9ca3af}.dark-mode .progress-detail-item{border-bottom-color:#374151}.dark-mode .detail-label{color:#9ca3af}.dark-mode .detail-value{color:#f9fafb}@media(max-width:768px){.dashboard-widgets{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:1rem}.dashboard-quick-links{flex-direction:column}.quick-link{width:100%}}.projects-page{width:100%}.projects-header{margin-bottom:2rem}.projects-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.projects-subtitle{color:#6b7280;font-size:.95rem;margin:0}.projects-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem;flex-wrap:wrap}.tab-label{white-space:nowrap}.tab-count{font-size:.875rem;opacity:.7}.projects-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;overflow:hidden}.projects-table-container{overflow-x:auto}.projects-table{width:100%;border-collapse:collapse}.projects-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.projects-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.projects-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.projects-table tbody tr:hover{background:#f9fafb}.projects-table td{padding:1rem 1.5rem;font-size:.95rem;color:#1f2937}.table-cell-content{display:flex;align-items:center;gap:.75rem}.table-icon{font-size:1.25rem}.table-text{font-weight:500}.table-link{color:#8b5cf6;text-decoration:none;transition:color .2s}.table-link:hover{color:#6366f1;text-decoration:underline}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#d1fae5;color:#065f46}.status-in-progress{background:#dbeafe;color:#1e40af}.status-discussion{background:#ccfbf1;color:#0f766e}.action-button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}@media(max-width:768px){.projects-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;padding:.75rem 1rem}.projects-table{font-size:.875rem}.projects-table th,.projects-table td{padding:.75rem 1rem}}.issues-page{width:100%}.issues-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.issues-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.issues-subtitle{color:#6b7280;font-size:.95rem;margin:0}.add-issue-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #8b5cf64d}.add-issue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.issues-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #00000014}.stat-value{font-size:2rem;font-weight:700;color:#8b5cf6;line-height:1;margin-bottom:.5rem}.issues-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#6b7280}.filter-group select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#1f2937;cursor:pointer;transition:border-color .2s}.filter-group select:focus{outline:none;border-color:#8b5cf6}.issues-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;overflow:hidden}.issues-table{width:100%;border-collapse:collapse}.issues-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.issues-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.issues-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.issues-table tbody tr:hover{background:#f9fafb}.issues-table td{padding:1rem 1.5rem;font-size:.95rem;color:#1f2937}.issue-id{font-family:Courier New,monospace;font-weight:600;color:#8b5cf6}.project-badge{display:inline-block;padding:.25rem .75rem;background:#f3f4f6;border-radius:6px;font-size:.875rem;font-weight:500;color:#1f2937}.issue-title-cell{max-width:400px}.issue-title{font-weight:600;color:#1f2937;margin-bottom:.25rem}.issue-description{font-size:.875rem;color:#6b7280;margin-top:.25rem}.priority-badge,.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.action-button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.view-button{background:#ede9fe;color:#8b5cf6}.view-button:hover{background:#8b5cf6;color:#fff}.dark-mode .stat-card,.dark-mode .issues-table-container{background:#1f2937;border-color:#374151}.dark-mode .stat-value,.dark-mode .issue-title,.dark-mode .project-badge{color:#f9fafb}.dark-mode .stat-label,.dark-mode .issue-description{color:#9ca3af}.dark-mode .issues-table thead{background:#111827;border-bottom-color:#374151}.dark-mode .issues-table th{color:#9ca3af}.dark-mode .issues-table tbody tr{border-bottom-color:#374151}.dark-mode .issues-table tbody tr:hover{background:#374151}.dark-mode .issues-table td{color:#f9fafb}.dark-mode .project-badge{background:#374151;color:#f9fafb}@media(max-width:768px){.issues-header{flex-direction:column;gap:1rem}.issues-stats{grid-template-columns:repeat(2,1fr)}.issues-table{font-size:.875rem}.issues-table th,.issues-table td{padding:.75rem 1rem}}.team-page{width:100%}.team-header{margin-bottom:2rem}.team-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.team-subtitle{color:#6b7280;font-size:.95rem;margin:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.team-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s;position:relative;overflow:hidden}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#6366f1,#ec4899);transform:scaleX(0);transition:transform .3s}.team-card:hover{box-shadow:0 12px 32px #8b5cf640;transform:translateY(-4px);border-color:#8b5cf6}.team-card:hover:before{transform:scaleX(1)}.team-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.team-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1,#ec4899);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #8b5cf64d;transition:transform .3s}.team-card:hover .team-avatar{transform:scale(1.1) rotate(5deg)}.team-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:2rem;font-weight:700;color:#fff}.team-info{flex:1}.team-name{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.team-role{font-size:1rem;color:#6b7280;margin:0;font-weight:500}.team-bio{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.team-bio p{font-size:.95rem;color:#4b5563;line-height:1.6;margin:0}.team-contact{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.contact-item{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#4b5563;font-size:.875rem;transition:color .2s}.contact-item:hover{color:#3b82f6}.contact-icon{font-size:1.125rem}.contact-text{flex:1}.team-skills{margin-top:1rem}.skills-title{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#1f2937;transition:all .2s}.skill-tag:hover{background:#e5e7eb;border-color:#3b82f6}.team-hierarchy{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;margin-bottom:3rem}.team-hierarchy h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.hierarchy-view{display:flex;flex-direction:column;gap:2rem}.hierarchy-group{display:flex;flex-direction:column;gap:1rem}.hierarchy-lead{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#f9fafb;border-radius:8px;border-left:4px solid #8b5cf6}.hierarchy-reports{display:flex;flex-direction:column;gap:.75rem;margin-left:2rem;padding-left:2rem;border-left:2px dashed #d1d5db}.hierarchy-member{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.team-avatar.small{width:50px;height:50px}.team-avatar.small .avatar-initials{font-size:1.25rem}.hierarchy-info{display:flex;flex-direction:column;gap:.25rem}.hierarchy-info strong{font-size:1rem;font-weight:600;color:#1f2937}.hierarchy-role{font-size:.875rem;color:#6b7280}.team-sections{display:flex;flex-direction:column;gap:3rem}.team-section{width:100%}.section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid;margin-top:.5rem}.team-card-body{display:flex;flex-direction:column;gap:1rem}.team-field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.field-value{font-size:.95rem;color:#1f2937;font-weight:500}.team-contact{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.contact-link{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;text-decoration:none;transition:color .2s}.contact-link:hover{color:#8b5cf6}.dark-mode .team-hierarchy,.dark-mode .hierarchy-member{background:#1f2937;border-color:#374151}.dark-mode .team-hierarchy h2,.dark-mode .section-title{color:#f9fafb;border-bottom-color:#374151}.dark-mode .hierarchy-lead{background:#111827;border-left-color:#8b5cf6}.dark-mode .hierarchy-info strong{color:#f9fafb}.dark-mode .hierarchy-role{color:#9ca3af}.dark-mode .hierarchy-reports{border-left-color:#4b5563}.dark-mode .field-label{color:#9ca3af}.dark-mode .field-value{color:#f9fafb}.dark-mode .team-contact{border-top-color:#374151}.dark-mode .contact-link{color:#d1d5db}.dark-mode .contact-link:hover{color:#a78bfa}@media(max-width:768px){.team-grid{grid-template-columns:1fr}.team-card,.team-hierarchy{padding:1.5rem}.hierarchy-reports{margin-left:1rem;padding-left:1rem}}.company-info{width:100%}.company-header{margin-bottom:2rem}.company-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.company-subtitle{color:#6b7280;font-size:1rem;margin:0}.info-sections{display:flex;flex-direction:column;gap:2rem}.info-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .2s}.info-section:hover{box-shadow:0 4px 12px -2px #0000001f}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-icon{font-size:1.5rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.section-content{color:#4b5563;line-height:1.6}.about-text{font-size:1rem;line-height:1.7;margin:0}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.info-list li{padding:.75rem 1rem;background:#f9fafb;border-radius:8px;border-left:3px solid #3b82f6;font-size:.95rem}.credentials-list{display:flex;flex-direction:column;gap:1rem}.credential-item{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.credential-service{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.credential-note{font-size:.875rem;color:#6b7280}.process-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.process-list li{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border-left:3px solid #10b981}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#10b981;color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.step-text{flex:1;font-size:.95rem;padding-top:.25rem}.checklist{display:flex;flex-direction:column;gap:.75rem}.checklist-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.checklist-item:hover{background:#f3f4f6;border-color:#3b82f6}.checklist-checkbox{font-size:1.25rem;color:#6b7280;flex-shrink:0;margin-top:.125rem}.checklist-text{flex:1;font-size:.95rem;color:#1f2937}.issues-list,.rejection-list{display:flex;flex-direction:column;gap:1rem}.issue-item,.rejection-item{padding:1rem;background:#f9fafb;border-radius:8px;border-left:3px solid #f59e0b;transition:all .2s}.issue-item:hover,.rejection-item:hover{background:#f3f4f6;border-left-color:#8b5cf6}.issue-title,.rejection-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.issue-fix,.rejection-fix{font-size:.875rem;color:#6b7280;line-height:1.6}.dark-mode .info-section{background:#1f2937;border-color:#374151}.dark-mode .section-header{border-bottom-color:#374151}.dark-mode .section-header h2,.dark-mode .checklist-text,.dark-mode .issue-title,.dark-mode .rejection-title{color:#f9fafb}.dark-mode .info-list li,.dark-mode .process-list li,.dark-mode .checklist-item,.dark-mode .issue-item,.dark-mode .rejection-item{background:#111827;border-color:#374151}.dark-mode .info-list li{border-left-color:#3b82f6}.dark-mode .process-list li{border-left-color:#10b981}.dark-mode .issue-item,.dark-mode .rejection-item{border-left-color:#f59e0b}.dark-mode .issue-item:hover,.dark-mode .rejection-item:hover{background:#374151;border-left-color:#8b5cf6}.dark-mode .step-text,.dark-mode .issue-fix,.dark-mode .rejection-fix,.dark-mode .section-content{color:#d1d5db}.vision-mission{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1rem}.vision-box,.mission-box{padding:1.5rem;background:#f9fafb;border-radius:8px;border-left:4px solid #8b5cf6}.vision-box h3,.mission-box h3{font-size:1.25rem;font-weight:600;color:#8b5cf6;margin:0 0 .75rem}.vision-box p,.mission-box p{color:#4b5563;line-height:1.7;margin:0}.core-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.value-item{padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.value-item h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.value-item p{color:#4b5563;line-height:1.7;margin:0}.culture-content,.policies-content{margin-top:1rem}.culture-content h3,.policies-content h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:1.5rem 0 .75rem}.culture-content h3:first-child,.policies-content h3:first-child{margin-top:0}.culture-list,.policies-list{margin:0;padding-left:1.5rem}.culture-list li,.policies-list li{color:#4b5563;line-height:1.8;margin-bottom:.75rem}.culture-list li strong,.policies-list li strong{color:#1f2937;font-weight:600}.code-of-conduct{margin-top:1rem}.intro-text{color:#4b5563;line-height:1.7;font-size:1rem;margin:0 0 2rem}.code-of-conduct h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:1.5rem 0 .75rem}.code-of-conduct h3:first-of-type{margin-top:0}.conduct-list{margin:0 0 1.5rem;padding-left:1.5rem}.conduct-list li{color:#4b5563;line-height:1.8;margin-bottom:.5rem}.conduct-note{margin-top:2rem;padding:1rem 1.25rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;line-height:1.7}.conduct-note strong{color:#78350f;font-weight:600}.dark-mode .vision-box,.dark-mode .mission-box,.dark-mode .value-item{background:#111827;border-color:#374151}.dark-mode .vision-box h3,.dark-mode .mission-box h3{color:#a78bfa}.dark-mode .vision-box p,.dark-mode .mission-box p,.dark-mode .value-item p,.dark-mode .intro-text,.dark-mode .culture-list li,.dark-mode .policies-list li,.dark-mode .conduct-list li{color:#d1d5db}.dark-mode .value-item h3,.dark-mode .culture-content h3,.dark-mode .policies-content h3,.dark-mode .code-of-conduct h3,.dark-mode .culture-list li strong,.dark-mode .policies-list li strong{color:#f9fafb}.dark-mode .conduct-note{background:#78350f;border-left-color:#f59e0b;color:#fcd34d}.dark-mode .conduct-note strong{color:#fef3c7}@media(max-width:768px){.info-section{padding:1.5rem}.section-header h2{font-size:1.25rem}.vision-mission,.core-values{grid-template-columns:1fr}}.flutter-commands-page{width:100%}.commands-header{margin-bottom:2rem}.commands-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.commands-subtitle{color:#6b7280;font-size:.95rem;margin:0}.commands-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem;flex-wrap:wrap}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;bottom:-2px}.tab-button:hover{color:#1f2937;background:#f9fafb}.tab-button.active{color:#8b5cf6;border-bottom-color:#8b5cf6;font-weight:600}.tab-icon{font-size:1.125rem}.commands-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;padding:2rem}.commands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.command-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.command-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.command-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.command-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.copy-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.command-code{background:#1f2937;color:#10b981;padding:1rem;border-radius:8px;margin-bottom:.75rem;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto}.command-code code{color:#10b981;font-family:inherit}.command-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}@media(max-width:768px){.commands-grid{grid-template-columns:1fr}.commands-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;padding:.75rem 1rem}}.ai-prompt-guide-page{width:100%}.section-block h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.example-box h3{margin-top:0;font-size:1rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.tool-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s}.tool-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.tool-icon{font-size:3rem;margin-bottom:1rem}.tool-card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.tool-card p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}.comparison-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.wrong-box,.right-box{padding:1.5rem;border-radius:8px;border:2px solid}.wrong-box{background:#fef2f2;border-color:#fecaca}.wrong-box h4{color:#dc2626;margin-bottom:.5rem}.right-box{background:#d1fae5;border-color:#86efac}.right-box h4{color:#065f46;margin-bottom:.5rem}.standards-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.standard-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-weight:500}.standard-item.wrong{background:#fef2f2;color:#dc2626}.standard-item.right{background:#d1fae5;color:#065f46}.formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.formula-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;text-align:center}.formula-item strong{display:block;font-size:1rem;color:#8b5cf6;margin-bottom:.5rem;font-weight:600}.formula-item span{font-size:.875rem;color:#6b7280}.bad-prompts{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.bad-prompt{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;border:1px solid #fecaca}.checklist-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin:1rem 0}.check-item{padding:.75rem 0;color:#1f2937;font-size:.95rem;border-bottom:1px solid #e5e7eb}.check-item:last-child{border-bottom:none}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:1rem 0}.rule-item{padding:.75rem 1rem;border-radius:8px;font-weight:500}.rule-item:not(.wrong){background:#d1fae5;color:#065f46}.rule-item.wrong{background:#fef2f2;color:#dc2626}.comparison-examples{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.example-bad,.example-good{padding:1.5rem;border-radius:8px}.example-bad{background:#fef2f2;border:2px solid #fecaca}.example-bad h3{color:#dc2626;margin-top:0}.example-good{background:#d1fae5;border:2px solid #86efac}.example-good h3{color:#065f46;margin-top:0}.best-practices{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin:1rem 0}.practice-item{background:#d1fae5;color:#065f46;padding:.75rem 1rem;border-radius:8px;font-weight:500;font-size:.95rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin:1.5rem 0}.template-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.template-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.template-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.enforcement-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin:1rem 0}.enforcement-item{padding:.75rem 1rem;border-radius:8px;font-weight:500;font-size:.95rem}.enforcement-item:first-child{background:#fef2f2;color:#dc2626}.enforcement-item:not(:first-child){background:#d1fae5;color:#065f46}.dark-mode .guide-header h1,.dark-mode .section-block h2,.dark-mode .section-block h3,.dark-mode .section-block h4,.dark-mode .tool-card h3,.dark-mode .pattern-card h3,.dark-mode .template-card h3{color:#f9fafb}.dark-mode .tools-grid .tool-card,.dark-mode .pattern-card,.dark-mode .template-card{background:#111827;border-color:#374151}.dark-mode .tool-card:hover,.dark-mode .pattern-card:hover,.dark-mode .template-card:hover{border-color:#8b5cf6}.dark-mode .checklist-box{background:#111827;border-color:#374151}.dark-mode .check-item{color:#d1d5db;border-bottom-color:#374151}.dark-mode .formula-item,.dark-mode .bad-prompt{background:#111827;border-color:#374151}.prompt-generator{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.generator-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937;font-size:.95rem}.label-icon{font-size:1.25rem}.required{color:#ef4444;margin-left:.25rem}.form-select,.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s;background:#fff;color:#1f2937}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-hint{font-size:.85rem;color:#6b7280;line-height:1.5;margin-top:.25rem}.hint-good{color:#10b981;font-weight:600}.hint-bad{color:#ef4444;font-weight:600}.tool-hint,.context-checklist,.task-hint{color:#8b5cf6;font-weight:500;font-size:.85rem;display:block;margin-bottom:.25rem}.task-warning-icon{margin-left:.5rem;font-size:1rem;cursor:help}.constraints-hint{color:#8b5cf6;font-weight:500;font-size:.85rem;display:block;margin-bottom:.25rem}.char-count{display:block;margin-top:.25rem;color:#9ca3af;font-size:.8rem}.constraints-checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.checkbox-label:hover{background:#f9fafb}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.checkbox-label span{color:#4b5563;font-size:.95rem;-webkit-user-select:none;user-select:none}.generator-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem)}.load-example-button{padding:.625rem 1.25rem;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.load-example-button:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.preview-header{display:flex;flex-direction:column;gap:.75rem}.preview-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.quality-indicator{font-weight:600;font-size:.9rem;padding:.5rem .75rem;background:#fff;border-radius:6px;border:2px solid currentColor}.quality-breakdown{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.breakdown-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:6px;font-size:.8rem;font-weight:500;background:#fff;border:1px solid #e5e7eb}.breakdown-item.complete{color:#065f46;background:#d1fae5;border-color:#86efac}.breakdown-item.missing{color:#dc2626;background:#fef2f2;border-color:#fecaca}.breakdown-item.needs-improvement{color:#92400e;background:#fef3c7;border-color:#fcd34d}.preview-textarea{flex:1;width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;resize:none;background:#fff;color:#1f2937;min-height:400px;overflow-y:auto}.copy-button{padding:.875rem 1.5rem;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.copy-button:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.copy-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.copy-button.copied{background:#10b981}.copy-button.copied:hover{background:#059669}.copy-section{display:flex;flex-direction:column;gap:.5rem}.copy-hint{font-size:.8rem;color:#6b7280;text-align:center;font-style:italic}.usage-steps{margin:1rem 0;padding-left:1.5rem}.usage-steps li{color:#4b5563;line-height:1.8;margin-bottom:1rem}.usage-steps li strong{color:#1f2937}.dark-mode .form-label{color:#f9fafb}.dark-mode .form-select,.dark-mode .form-input,.dark-mode .form-textarea{background:#111827;border-color:#374151;color:#f9fafb}.dark-mode .form-select:focus,.dark-mode .form-input:focus,.dark-mode .form-textarea:focus{border-color:#8b5cf6}.dark-mode .form-hint{color:#9ca3af}.dark-mode .char-count{color:#6b7280}.dark-mode .checkbox-label:hover{background:#1f2937}.dark-mode .checkbox-label span{color:#d1d5db}.dark-mode .generator-preview{background:#111827;border-color:#374151}.dark-mode .preview-header h3{color:#f9fafb}.dark-mode .quality-indicator{background:#1f2937;border-color:currentColor}.dark-mode .preview-textarea{background:#1f2937;border-color:#374151;color:#f9fafb}.dark-mode .usage-steps li{color:#d1d5db}.dark-mode .usage-steps li strong{color:#f9fafb}.dark-mode .load-example-button{background:#7c3aed}.dark-mode .load-example-button:hover{background:#6d28d9}.dark-mode .tool-hint,.dark-mode .context-checklist,.dark-mode .task-hint,.dark-mode .constraints-hint{color:#a78bfa}.dark-mode .breakdown-item{background:#1f2937;border-color:#374151}.dark-mode .breakdown-item.complete{background:#064e3b;border-color:#059669;color:#86efac}.dark-mode .breakdown-item.missing{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.dark-mode .breakdown-item.needs-improvement{background:#78350f;border-color:#f59e0b;color:#fcd34d}.dark-mode .copy-hint{color:#9ca3af}@media(max-width:768px){.guide-tabs{overflow-x:auto}.guide-content{padding:1.5rem}.two-column,.tools-grid,.formula-grid,.pattern-cards,.template-grid{grid-template-columns:1fr}.code-block{font-size:.75rem;padding:1rem}.prompt-generator{grid-template-columns:1fr;gap:1.5rem}.generator-preview{position:relative;top:0;max-height:none}.preview-textarea{min-height:300px}}.ai-tools-guide-page{width:100%}.guide-header{margin-bottom:2rem}.guide-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.guide-subtitle{color:#6b7280;font-size:.95rem;margin:0}.guide-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.guide-tab-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;bottom:-2px;white-space:nowrap}.guide-tab-button:hover{color:#1f2937;background:#f9fafb}.guide-tab-button.active{color:#8b5cf6;border-bottom-color:#8b5cf6;font-weight:600}.guide-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;padding:2rem;min-height:500px}.guide-section{max-width:900px;margin:0 auto}.section-intro{margin-bottom:2rem}.section-intro h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.section-intro p{color:#4b5563;line-height:1.7;margin-bottom:1rem}.section-intro ul{margin:1rem 0;padding-left:1.5rem}.section-intro li{color:#4b5563;margin-bottom:.5rem;line-height:1.6}.section-block{margin-bottom:2.5rem}.section-block h2{font-size:1.375rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.section-block h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:1rem 0 .75rem}.section-block p{color:#4b5563;line-height:1.7;margin-bottom:1rem}.section-block ul{margin:1rem 0;padding-left:1.5rem}.section-block li{color:#4b5563;margin-bottom:.5rem;line-height:1.6}.callout{padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid}.callout.success{background:#d1fae5;border-left-color:#10b981;color:#065f46}.callout.warning{background:#fef3c7;border-left-color:#f59e0b;color:#92400e}.callout.info{background:#dbeafe;border-left-color:#3b82f6;color:#1e40af}.quote-box{background:#f9fafb;border-left:4px solid #8b5cf6;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.quote-box p{margin:0;color:#1f2937;font-size:1.05rem;line-height:1.7}.quote-box.final{background:linear-gradient(135deg,#ede9fe,#f3f4f6);border-left-color:#8b5cf6}.code-block{background:#1f2937;color:#10b981;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1rem 0;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6}.code-block.small{padding:1rem;font-size:.8rem}.code-block pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.example-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin:1rem 0}.example-box pre{margin:0;color:#1f2937;font-family:Courier New,monospace;font-size:.875rem;white-space:pre-wrap;word-wrap:break-word}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:1.5rem 0}.pattern-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.pattern-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.pattern-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.pattern-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.decision-table{margin:1.5rem 0;overflow-x:auto}.decision-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.decision-table thead{background:#8b5cf6;color:#fff}.decision-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.95rem}.decision-table td{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;color:#4b5563}.decision-table tbody tr:hover{background:#f9fafb}.decision-table tbody tr:last-child td{border-bottom:none}.decision-table td strong{color:#8b5cf6;font-weight:600}.workflow-diagram{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;padding:2rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.workflow-step{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;min-width:250px;transition:all .2s}.workflow-step:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.workflow-icon{font-size:2rem;flex-shrink:0}.workflow-content h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#1f2937}.workflow-content p{margin:0;font-size:.875rem;color:#6b7280}.workflow-arrow{font-size:1.5rem;color:#8b5cf6;font-weight:700}.mistakes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.mistake-item{display:flex;gap:1rem;padding:1.5rem;border-radius:12px;border:2px solid;transition:all .2s}.mistake-item.wrong{background:#fef2f2;border-color:#fecaca}.mistake-icon{font-size:1.5rem;flex-shrink:0}.mistake-content h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#dc2626}.mistake-content p{margin:0;color:#991b1b;font-size:.9rem;line-height:1.6}.wizard-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.wizard-option{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.wizard-option:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.wizard-option.option-a{border-left:4px solid #3b82f6}.wizard-option.option-b{border-left:4px solid #10b981}.wizard-option.option-c{border-left:4px solid #f59e0b}.wizard-option.option-d{border-left:4px solid #f97316}.wizard-option.option-e{border-left:4px solid #ef4444}.wizard-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.wizard-label{font-size:1.25rem;font-weight:700;flex-shrink:0}.wizard-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.wizard-examples{margin:1rem 0}.wizard-examples p{margin:0 0 .5rem;font-weight:600;color:#4b5563}.wizard-examples ul{margin:.5rem 0;padding-left:1.5rem}.wizard-examples li{color:#4b5563;margin-bottom:.25rem;font-size:.9rem}.wizard-result{margin-top:1rem;padding:.75rem 1rem;background:#d1fae5;border-radius:8px;text-align:center;color:#065f46;font-size:1rem}.decision-flow{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin:1.5rem 0;font-family:Courier New,monospace}.flow-item{color:#1f2937}.flow-question{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#8b5cf6}.flow-branches{margin-left:1rem}.flow-branch{margin:.5rem 0}.flow-arrow{color:#6b7280;margin-right:.5rem}.flow-result{color:#8b5cf6;font-weight:600}.flow-sub-branches{margin-left:2rem;margin-top:.5rem}.flow-sub-branch{margin:.25rem 0}.role-section{margin:1.5rem 0}.role-info{background:#dbeafe;border-left:4px solid #3b82f6;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.role-info p{margin:0 0 .5rem;font-weight:600;color:#1e40af}.role-info ul{margin:.5rem 0 0;padding-left:1.5rem}.role-info li{color:#1e40af;margin-bottom:.25rem}.dark-mode .guide-content{background:#1f2937;border-color:#374151}.dark-mode .guide-header h1,.dark-mode .section-block h2,.dark-mode .section-block h3,.dark-mode .pattern-card h3{color:#f9fafb}.dark-mode .guide-subtitle,.dark-mode .section-block p,.dark-mode .section-block li,.dark-mode .section-intro p,.dark-mode .section-intro li{color:#d1d5db}.dark-mode .callout.success{background:#064e3b;color:#86efac}.dark-mode .callout.warning{background:#78350f;color:#fcd34d}.dark-mode .callout.info{background:#1e3a8a;color:#93c5fd}.dark-mode .quote-box{background:#111827;border-left-color:#8b5cf6}.dark-mode .quote-box p{color:#f9fafb}.dark-mode .example-box{background:#111827;border-color:#374151}.dark-mode .example-box pre{color:#d1d5db}.dark-mode .pattern-card{background:#111827;border-color:#374151}.dark-mode .pattern-card:hover{border-color:#8b5cf6}.dark-mode .decision-table table{background:#1f2937}.dark-mode .decision-table thead{background:#7c3aed}.dark-mode .decision-table td{border-bottom-color:#374151;color:#d1d5db}.dark-mode .decision-table tbody tr:hover{background:#111827}.dark-mode .decision-table td strong{color:#a78bfa}.dark-mode .workflow-diagram{background:#111827;border-color:#374151}.dark-mode .workflow-step{background:#1f2937;border-color:#374151}.dark-mode .workflow-step:hover{border-color:#8b5cf6}.dark-mode .workflow-content h3{color:#f9fafb}.dark-mode .workflow-content p{color:#9ca3af}.dark-mode .mistake-item.wrong{background:#7f1d1d;border-color:#dc2626}.dark-mode .mistake-content h3{color:#fca5a5}.dark-mode .mistake-content p{color:#fecaca}.dark-mode .wizard-option{background:#111827;border-color:#374151}.dark-mode .wizard-option:hover{border-color:#8b5cf6}.dark-mode .wizard-header h3{color:#f9fafb}.dark-mode .wizard-examples p,.dark-mode .wizard-examples li{color:#d1d5db}.dark-mode .wizard-result{background:#064e3b;color:#86efac}.dark-mode .decision-flow{background:#111827;border-color:#374151}.dark-mode .flow-item{color:#f9fafb}.dark-mode .flow-question{color:#a78bfa}.dark-mode .flow-arrow{color:#9ca3af}.dark-mode .flow-result{color:#a78bfa}.dark-mode .role-info{background:#1e3a8a;border-left-color:#3b82f6}.dark-mode .role-info p,.dark-mode .role-info li{color:#93c5fd}@media(max-width:768px){.guide-tabs{overflow-x:auto}.guide-content{padding:1.5rem}.two-column,.pattern-cards,.mistakes-grid{grid-template-columns:1fr}.code-block{font-size:.75rem;padding:1rem}.workflow-diagram{padding:1rem}.workflow-step{min-width:auto;width:100%}.decision-table{font-size:.875rem}.decision-table th,.decision-table td{padding:.75rem 1rem}.wizard-options{grid-template-columns:1fr}.decision-flow{padding:1rem;font-size:.875rem}.flow-sub-branches{margin-left:1rem}}.training-listing-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.training-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.training-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.training-subtitle{color:#6b7280;font-size:1rem;margin:0;line-height:1.6}.training-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.5rem;text-align:center;min-width:100px}.stat-value{font-size:1.5rem;font-weight:700;color:#8b5cf6;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.trainings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.training-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column;gap:1rem}.training-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.training-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.training-badges{display:flex;gap:.5rem;flex-wrap:wrap}.mandatory-badge,.optional-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mandatory-badge{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.optional-badge{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.status-badge.completed{background:#d1fae5;color:#065f46;border:1px solid #86efac}.status-badge.in-progress{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-badge.not-started{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.training-time{font-size:.875rem;color:#6b7280;font-weight:500}.training-card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.training-card-description{font-size:.95rem;color:#4b5563;line-height:1.6;margin:0;flex:1}.training-score{font-size:.875rem;font-weight:600;color:#10b981;padding:.5rem;background:#d1fae5;border-radius:6px;text-align:center}.training-card-footer{margin-top:auto}.view-training-link{font-weight:600;color:#8b5cf6;font-size:.95rem}.training-info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-top:2rem}.training-info-box h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.training-info-box ul{margin:0;padding-left:1.5rem}.training-info-box li{color:#4b5563;line-height:1.8;margin-bottom:.75rem}.training-info-box li strong{color:#1f2937}.dark-mode .training-header h1,.dark-mode .training-card-title,.dark-mode .training-info-box h3,.dark-mode .training-info-box li strong{color:#f9fafb}.dark-mode .training-subtitle,.dark-mode .training-card-description,.dark-mode .training-info-box li{color:#d1d5db}.dark-mode .stat-card,.dark-mode .training-card,.dark-mode .training-info-box{background:#1f2937;border-color:#374151}.dark-mode .training-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.dark-mode .stat-value{color:#a78bfa}.dark-mode .status-badge.not-started{background:#374151;color:#9ca3af;border-color:#4b5563}@media(max-width:768px){.training-listing-page{padding:1rem}.training-header{flex-direction:column}.trainings-grid{grid-template-columns:1fr}.training-stats{width:100%;justify-content:space-around}}.quiz-container{width:100%;max-width:900px;margin:0 auto;padding:2rem}.quiz-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.quiz-header h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.quiz-info{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.quiz-badge{padding:.375rem .875rem;background:#ede9fe;color:#6d28d9;border-radius:6px;font-size:.875rem;font-weight:600}.quiz-requirements{padding:.375rem .875rem;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.875rem;font-weight:500}.quiz-progress{margin-bottom:2rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.quiz-progress .progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.quiz-progress .progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);transition:width .3s ease;border-radius:4px}.quiz-progress .progress-text{font-size:.875rem;color:#6b7280;font-weight:500;text-align:center}.quiz-result-box{padding:2rem;border-radius:12px;margin-bottom:2rem;display:flex;gap:1.5rem;align-items:flex-start}.quiz-result-box.passed{background:#d1fae5;border:2px solid #10b981}.quiz-result-box.failed{background:#fee2e2;border:2px solid #ef4444}.result-icon{font-size:3rem;line-height:1}.result-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.result-content h3{color:#065f46}.quiz-result-box.failed .result-content h3{color:#991b1b}.score-display{font-size:1.25rem;margin-bottom:1rem;color:#065f46;font-weight:600}.quiz-result-box.failed .score-display{color:#991b1b}.score-display strong{font-size:1.5rem;color:#10b981}.quiz-result-box.failed .score-display strong{color:#ef4444}.result-content p{margin:0;line-height:1.7;color:#064e3b}.quiz-result-box.failed .result-content p{color:#7f1d1d}.quiz-questions{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.quiz-question-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-number{font-size:.875rem;font-weight:700;color:#8b5cf6;background:#ede9fe;padding:.25rem .75rem;border-radius:6px}.question-status{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:6px}.correct-badge{background:#d1fae5;color:#065f46}.incorrect-badge{background:#fee2e2;color:#991b1b}.question-text{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;line-height:1.6}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-size:1rem;color:#4b5563}.option-button:hover:not(:disabled){border-color:#8b5cf6;background:#faf5ff}.option-button.selected{border-color:#8b5cf6;background:#ede9fe;color:#6d28d9;font-weight:600}.option-button.correct{border-color:#10b981;background:#d1fae5;color:#065f46}.option-button.incorrect{border-color:#ef4444;background:#fee2e2;color:#991b1b}.option-button:disabled{cursor:not-allowed}.option-label{font-weight:700;color:#8b5cf6;min-width:2rem}.option-button.selected .option-label,.option-button.correct .option-label{color:#6d28d9}.option-button.correct .option-label{color:#065f46}.option-button.incorrect .option-label{color:#991b1b}.option-text{flex:1}.correct-indicator{font-size:1.25rem;color:#10b981;font-weight:700}.explanation-box{margin-top:1rem;padding:1rem 1.25rem;background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:6px;font-size:.95rem;line-height:1.6;color:#0c4a6e}.explanation-box strong{color:#075985}.quiz-actions{display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 0;border-top:2px solid #e5e7eb;flex-wrap:wrap}.quiz-button{padding:.875rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid;text-decoration:none;display:inline-block;text-align:center}.back-button{background:#fff;color:#6b7280;border-color:#d1d5db}.back-button:hover{background:#f9fafb;border-color:#9ca3af}.submit-button{background:#8b5cf6;color:#fff;border-color:#8b5cf6;flex:1;min-width:150px}.submit-button:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.submit-button:disabled{background:#d1d5db;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.retake-button{background:#f59e0b;color:#fff;border-color:#f59e0b}.retake-button:hover{background:#d97706;border-color:#d97706}.finish-button{background:#10b981;color:#fff;border-color:#10b981;flex:1;min-width:150px}.finish-button:hover{background:#059669;border-color:#059669}.quiz-instructions{margin-top:2rem;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.quiz-instructions h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.quiz-instructions ul{margin:0;padding-left:1.5rem}.quiz-instructions li{color:#4b5563;line-height:1.8;margin-bottom:.5rem}.dark-mode .quiz-header h2,.dark-mode .question-text,.dark-mode .quiz-instructions h4{color:#f9fafb}.dark-mode .quiz-progress{background:#1f2937;border-color:#374151}.dark-mode .quiz-progress .progress-bar{background:#374151}.dark-mode .quiz-question-card{background:#1f2937;border-color:#374151}.dark-mode .option-button{background:#1f2937;border-color:#374151;color:#d1d5db}.dark-mode .option-button:hover:not(:disabled){background:#111827;border-color:#8b5cf6}.dark-mode .option-button.selected{background:#2e1065;border-color:#8b5cf6;color:#c4b5fd}.dark-mode .explanation-box{background:#0c4a6e;border-left-color:#0ea5e9;color:#bae6fd}.dark-mode .explanation-box strong{color:#93c5fd}.dark-mode .quiz-instructions{background:#1f2937;border-color:#374151}.dark-mode .quiz-instructions li{color:#d1d5db}.dark-mode .quiz-actions{border-top-color:#374151}.dark-mode .back-button{background:#1f2937;color:#9ca3af;border-color:#374151}.dark-mode .back-button:hover{background:#111827}@media(max-width:768px){.quiz-container{padding:1rem}.quiz-actions{flex-direction:column}.quiz-button{width:100%}.quiz-result-box{flex-direction:column;align-items:center;text-align:center}}.training-detail-page{width:100%;max-width:1000px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.training-header-bar{margin-bottom:2rem}.back-link{display:inline-block;color:#8b5cf6;text-decoration:none;font-weight:500;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:#7c3aed;text-decoration:underline}.training-title-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.training-title-nav h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.training-badge{padding:.375rem .875rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.training-badge{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.progress-bar-container{margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);transition:width .3s ease;border-radius:4px}.progress-text{text-align:right;font-size:.875rem;color:#6b7280;font-weight:500}.legal-background-box{background:#fef3c7;border:2px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.legal-background-box h3{font-size:1.125rem;font-weight:600;color:#92400e;margin:0 0 .75rem}.legal-background-box p{color:#78350f;line-height:1.7;margin:0}.objective-box{background:#dbeafe;border:2px solid #93c5fd;border-left:4px solid #3b82f6;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.objective-box h2{font-size:1.25rem;font-weight:600;color:#1e40af;margin:0 0 .75rem}.objective-box p{color:#1e3a8a;line-height:1.7;margin:0}.training-content{margin-bottom:3rem}.section-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;min-height:400px}.section-content.highlight{background:#f9fafb;border-left:4px solid #8b5cf6}.section-content.scenario{background:#f0fdf4;border-left:4px solid #10b981}.section-content.quote{background:#fefce8;border-left:4px solid #eab308}.section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-images{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.training-image-container{display:flex;flex-direction:column;gap:.75rem}.training-image{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;object-fit:contain;background:#f9fafb}.image-caption{font-size:.875rem;color:#6b7280;font-style:italic;text-align:center;margin:0;padding:0 1rem;line-height:1.6}.section-body{display:flex;flex-direction:column;gap:1rem}.section-paragraph{color:#4b5563;line-height:1.8;font-size:1rem;margin:0}.check-item{padding:.75rem 1rem;background:#f9fafb;border-radius:6px;color:#4b5563;line-height:1.7;font-size:1rem}.bullet-item{padding-left:1.5rem;color:#4b5563;line-height:1.8;font-size:1rem;position:relative}.bullet-item:before{content:"•";position:absolute;left:0;color:#8b5cf6;font-weight:700;font-size:1.25rem}.highlight-box{background:#fee2e2;border-left:4px solid #ef4444;padding:1rem 1.25rem;border-radius:6px;color:#991b1b;font-weight:500;line-height:1.7;font-size:1rem}.conclusion-box{background:#d1fae5;border-left:4px solid #10b981;padding:1rem 1.25rem;border-radius:6px;color:#065f46;font-weight:600;line-height:1.7;font-size:1rem;margin-top:.5rem}.training-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;border-top:2px solid #e5e7eb}.nav-button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid}.prev-button{background:#fff;color:#6b7280;border-color:#d1d5db}.prev-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.prev-button:disabled{opacity:.5;cursor:not-allowed}.next-button{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.next-button:hover{background:#7c3aed;border-color:#7c3aed;transform:translate(2px)}.section-indicator{font-size:.875rem;color:#6b7280;font-weight:500;padding:.5rem 1rem;background:#f9fafb;border-radius:6px}.dark-mode .training-title-nav h1{color:#f9fafb}.dark-mode .progress-bar{background:#374151}.dark-mode .progress-text{color:#9ca3af}.dark-mode .legal-background-box{background:#78350f;border-color:#92400e}.dark-mode .legal-background-box h3,.dark-mode .legal-background-box p{color:#fcd34d}.dark-mode .objective-box{background:#1e3a8a;border-color:#1e40af}.dark-mode .objective-box h2,.dark-mode .objective-box p{color:#93c5fd}.dark-mode .section-content{background:#1f2937;border-color:#374151}.dark-mode .section-content.highlight{background:#111827;border-left-color:#8b5cf6}.dark-mode .section-content.scenario{background:#064e3b;border-left-color:#10b981}.dark-mode .section-content.quote{background:#78350f;border-left-color:#eab308}.dark-mode .section-title{color:#f9fafb;border-bottom-color:#374151}.dark-mode .section-paragraph,.dark-mode .bullet-item{color:#d1d5db}.dark-mode .check-item{background:#111827;color:#d1d5db}.dark-mode .highlight-box{background:#7f1d1d;border-left-color:#dc2626;color:#fca5a5}.dark-mode .conclusion-box{background:#064e3b;border-left-color:#10b981;color:#86efac}.dark-mode .training-image{border-color:#374151;background:#111827}.dark-mode .image-caption{color:#9ca3af}.dark-mode .training-navigation{border-top-color:#374151}.dark-mode .prev-button{background:#1f2937;color:#9ca3af;border-color:#374151}.dark-mode .prev-button:hover:not(:disabled){background:#111827}.dark-mode .next-button{background:#8b5cf6;border-color:#8b5cf6}.dark-mode .section-indicator{background:#111827;color:#9ca3af}@media(max-width:768px){.training-detail-page{padding:1rem}.training-title-nav{flex-direction:column;align-items:flex-start}.section-content{padding:1.5rem}.training-navigation{flex-direction:column;gap:1rem}.nav-button{width:100%}}.assignments-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.assignments-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.assignments-content{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.dark-mode .assignments-header h1,.dark-mode .empty-state h2{color:#f9fafb}.dark-mode .assignments-content{background:#1f2937;border-color:#374151}@media(max-width:768px){.assignments-page{padding:1rem}}.learning-resources-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.resources-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.resources-content{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.dark-mode .resources-header h1,.dark-mode .empty-state h2{color:#f9fafb}.dark-mode .resources-content{background:#1f2937;border-color:#374151}@media(max-width:768px){.learning-resources-page{padding:1rem}}.reports-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.reports-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.reports-content{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.dark-mode .reports-header h1,.dark-mode .empty-state h2{color:#f9fafb}.dark-mode .reports-content{background:#1f2937;border-color:#374151}@media(max-width:768px){.reports-page{padding:1rem}}.announcements-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.announcements-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.announcements-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.filter-tab{padding:.625rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.filter-tab:hover{border-color:#8b5cf6;color:#8b5cf6;background:#faf5ff}.filter-tab.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.announcements-content{width:100%}.announcements-list{display:flex;flex-direction:column;gap:1.5rem}.announcement-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014;transition:all .2s}.announcement-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px);border-color:#8b5cf6}.announcement-card.upcoming{border-left:4px solid #10b981}.announcement-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.announcement-icon{font-size:2rem;flex-shrink:0}.announcement-title-section{flex:1;min-width:0}.announcement-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.announcement-category{display:inline-block;padding:.25rem .625rem;background:#f3f4f6;border-radius:4px;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.priority-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid;flex-shrink:0}.announcement-description{color:#4b5563;line-height:1.7;font-size:.95rem;margin:0 0 1rem}.announcement-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.announcement-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.date-icon{font-size:1rem}.upcoming-badge{padding:.25rem .625rem;background:#d1fae5;color:#065f46;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem}.empty-state{text-align:center;padding:4rem 1rem;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.dark-mode .announcements-header h1,.dark-mode .empty-state h2,.dark-mode .announcement-title{color:#f9fafb}.dark-mode .page-subtitle,.dark-mode .empty-state p,.dark-mode .announcement-description{color:#d1d5db}.dark-mode .announcements-filters{border-bottom-color:#374151}.dark-mode .filter-tab{background:#1f2937;border-color:#374151;color:#9ca3af}.dark-mode .filter-tab:hover{border-color:#8b5cf6;color:#a78bfa;background:#2e1065}.dark-mode .filter-tab.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.dark-mode .announcement-card{background:#1f2937;border-color:#374151}.dark-mode .announcement-card:hover{border-color:#8b5cf6}.dark-mode .announcement-card.upcoming{border-left-color:#10b981}.dark-mode .announcement-category{background:#111827;color:#9ca3af}.dark-mode .announcement-date{color:#9ca3af}.dark-mode .announcement-footer{border-top-color:#374151}.dark-mode .upcoming-badge{background:#064e3b;color:#86efac}.dark-mode .empty-state{background:#1f2937;border-color:#374151}@media(max-width:768px){.announcements-page{padding:1rem}.announcements-filters{flex-direction:column}.filter-tab{width:100%;justify-content:center}.announcement-header,.announcement-footer{flex-direction:column;align-items:flex-start}}.settings-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.settings-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-subtitle{color:#6b7280;font-size:1rem;margin:0 0 2rem}.settings-content{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:1rem;margin:0}.dark-mode .settings-header h1,.dark-mode .empty-state h2{color:#f9fafb}.dark-mode .page-subtitle,.dark-mode .empty-state p{color:#d1d5db}.dark-mode .settings-content{background:#1f2937;border-color:#374151}@media(max-width:768px){.settings-page{padding:1rem}}.app{min-height:100vh}