.app-header{position:sticky;top:0;z-index:100;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background var(--transition-normal),border-color var(--transition-normal)}.header-container{max-width:1280px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-section{display:flex;align-items:center;gap:.75rem}.brand-logo-img-sm{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:transform var(--transition-fast)}.brand-logo-img-sm:hover{transform:scale(1.08)}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:var(--font-title);font-size:1.15rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;line-height:1.2}.teams-tag{font-size:.7rem;color:var(--color-logo-blue);font-weight:600}.header-nav{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-card);padding:.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast);position:relative}.nav-item:hover{color:var(--text-main);background-color:var(--bg-card-hover)}.nav-item.active{color:#fff;background-color:var(--color-logo-blue);box-shadow:0 2px 8px #4285f459}.btn-new-request.active{background-color:var(--color-logo-green);box-shadow:0 2px 8px #34a85359}.badge-count{background-color:var(--color-logo-red);color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full)}.header-controls{display:flex;align-items:center;gap:.6rem}.control-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .75rem;border-radius:var(--radius-md);color:var(--text-muted);background-color:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-fast)}.control-btn:hover{color:var(--text-main);border-color:var(--border-color-hover);background-color:var(--bg-card-hover)}.icon-sun{color:var(--color-logo-yellow)}.icon-moon{color:var(--color-logo-blue)}.lang-text{font-size:.75rem;font-weight:700}.profile-wrapper{position:relative}.profile-btn{display:flex;align-items:center;gap:.6rem;padding:.35rem .6rem;border-radius:var(--radius-lg);background-color:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-fast)}.profile-btn:hover{border-color:var(--border-color-hover)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-logo-blue)}.user-info-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:.85rem;font-weight:600;color:var(--text-main);line-height:1.1}.user-role-badge{font-size:.65rem;font-weight:700;color:var(--color-logo-blue)}.dropdown-arrow{color:var(--text-subtle)}.profile-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);width:220px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem;z-index:120;animation:fadeIn .2s ease-out}.dropdown-header{padding:.4rem .6rem;font-size:.75rem;font-weight:600;color:var(--text-subtle);border-bottom:1px solid var(--border-color);margin-bottom:.4rem;word-break:break-all}.dropdown-item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius-sm);text-align:left;transition:background-color var(--transition-fast);color:var(--text-main)}.dropdown-item:hover{background-color:var(--bg-card-hover)}.btn-logout-item:hover{color:var(--color-logo-red)}@media (max-width: 768px){.header-container{flex-wrap:wrap}.header-nav span,.user-info-text{display:none}}.request-list-view{max-width:1280px;margin:0 auto;padding:1.5rem}.list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.list-title-section{display:flex;align-items:center;gap:.75rem}.list-title-section h2{font-family:var(--font-title);font-size:1.4rem;font-weight:700;color:var(--text-main)}.count-tag{background-color:var(--color-logo-blue-light);color:var(--color-logo-blue);font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full)}.list-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--text-subtle)}.search-box input{padding-left:2.2rem;width:260px}.filter-group{display:flex;align-items:center;gap:.4rem;background-color:var(--bg-card);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.filter-icon{color:var(--text-subtle);margin:0 .3rem}.filter-pill{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast)}.filter-pill:hover{color:var(--text-main);background-color:var(--bg-card-hover)}.filter-pill.active{background-color:var(--bg-card-hover);color:var(--text-main);font-weight:600}.pill-pending.active{color:var(--color-logo-yellow-dark);background-color:var(--color-logo-yellow-light)}.pill-approved.active{color:var(--color-logo-green);background-color:var(--color-logo-green-light)}.pill-rejected.active{color:var(--color-logo-red);background-color:var(--color-logo-red-light)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-color);color:var(--text-muted)}.empty-icon{color:var(--text-subtle);margin-bottom:1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.request-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;position:relative;overflow:hidden}.request-card:hover{transform:translateY(-2px);border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.req-number{font-family:monospace;font-size:.8rem;font-weight:600;color:var(--text-subtle)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-approved{background-color:var(--color-logo-green-light);color:var(--color-logo-green)}.badge-pending{background-color:var(--color-logo-yellow-light);color:var(--color-logo-yellow-dark)}.badge-rejected{background-color:var(--color-logo-red-light);color:var(--color-logo-red)}.badge-draft{background-color:var(--bg-card-hover);color:var(--text-muted)}.card-title{font-size:1.05rem;font-weight:600;color:var(--text-main);margin-bottom:.75rem;line-height:1.4}.card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;color:var(--text-muted);font-size:.82rem}.meta-item{display:flex;align-items:center;gap:.35rem}.card-footer{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.amount-tag{display:flex;flex-direction:column}.amount-label{font-size:.7rem;color:var(--text-subtle)}.amount-value{font-family:var(--font-title);font-size:1.1rem;font-weight:700;color:var(--color-logo-blue)}.card-arrow-btn{display:flex;align-items:center;gap:.25rem;font-size:.82rem;font-weight:600;color:var(--text-muted);transition:color var(--transition-fast)}.request-card:hover .card-arrow-btn{color:var(--color-logo-blue)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-family:var(--font-title);font-size:1.25rem;font-weight:700;color:var(--text-main)}.close-btn{color:var(--text-muted);padding:.25rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.close-btn:hover{color:var(--color-logo-red)}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-select{width:100%;cursor:pointer}.items-section{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.items-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.items-section-header h3{font-size:.9rem;font-weight:700;color:var(--text-main)}.btn-add-line{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--color-logo-blue);background-color:var(--color-logo-blue-light);padding:.3rem .65rem;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.btn-add-line:hover{background-color:#4285f433}.items-table-wrapper{overflow-x:auto;margin-bottom:.75rem}.items-table{width:100%;border-collapse:collapse}.items-table th{text-align:left;font-size:.75rem;font-weight:600;color:var(--text-subtle);padding:.4rem .5rem;border-bottom:1px solid var(--border-color)}.items-table td{padding:.4rem .5rem}.items-table input,.items-table select{width:100%;padding:.4rem .6rem;font-size:.85rem}.btn-delete-row{color:var(--color-logo-red);padding:.3rem;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.btn-delete-row:hover{background-color:var(--color-logo-red-light)}.total-sum-bar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-muted);padding-top:.5rem;border-top:1px dashed var(--border-color)}.sum-value{font-family:var(--font-title);font-size:1.15rem;font-weight:800;color:var(--color-logo-blue)}.file-upload-box{position:relative;border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;background-color:var(--bg-card);color:var(--text-muted);transition:all var(--transition-fast)}.file-upload-box:hover{border-color:var(--color-logo-blue);color:var(--color-logo-blue)}.upload-icon{color:var(--color-logo-blue)}.file-input-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-badges-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.file-badge{display:inline-flex;align-items:center;gap:.4rem;background-color:var(--color-logo-blue-light);color:var(--color-logo-blue);font-size:.78rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius-full)}.file-name{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background-color:var(--color-logo-blue);color:#fff;font-weight:600;padding:.6rem 1.25rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #4285f459;transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--color-logo-blue-hover)}.btn-secondary{padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-muted);background-color:var(--bg-card-hover);border:1px solid var(--border-color);transition:all var(--transition-fast)}.btn-secondary:hover{color:var(--text-main)}.detail-view-container{max-width:1280px;margin:0 auto;padding:1.5rem}.detail-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.btn-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;color:var(--text-muted);background-color:var(--bg-card);border:1px solid var(--border-color);padding:.45rem .85rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-back:hover{color:var(--text-main);border-color:var(--border-color-hover)}.req-header-meta{display:flex;align-items:center;gap:.6rem}.req-num-badge{font-family:monospace;font-size:.85rem;font-weight:600;color:var(--text-subtle)}.status-pill{font-size:.78rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-full)}.status-approved{background-color:var(--color-logo-green-light);color:var(--color-logo-green)}.status-pending{background-color:var(--color-logo-yellow-light);color:var(--color-logo-yellow-dark)}.status-rejected{background-color:var(--color-logo-red-light);color:var(--color-logo-red)}.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem}.left-column,.right-column{display:flex;flex-direction:column;gap:1.25rem}.card-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.card-box h3{font-family:var(--font-title);font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.req-main-title{font-family:var(--font-title);font-size:1.4rem;font-weight:800;color:var(--text-main);margin-bottom:1rem;line-height:1.3}.applicant-profile-bar{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.applicant-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.profile-text{display:flex;flex-direction:column}.profile-name{font-size:.92rem;font-weight:700;color:var(--text-main)}.profile-email{font-size:.78rem;color:var(--text-muted)}.created-time-tag{margin-left:auto;display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-subtle)}.amount-banner{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.banner-left{display:flex;flex-direction:column}.banner-label{font-size:.75rem;font-weight:600;color:var(--text-subtle)}.banner-value{font-family:var(--font-title);font-size:1.75rem;font-weight:800;color:var(--color-logo-blue)}.banner-reason{font-size:.85rem;color:var(--text-muted);border-top:1px dashed var(--border-color);padding-top:.5rem}.reason-label{font-weight:600;color:var(--text-main)}.table-responsive{overflow-x:auto}.detail-table{width:100%;border-collapse:collapse}.detail-table th{text-align:left;font-size:.78rem;font-weight:600;color:var(--text-subtle);padding:.6rem;border-bottom:1px solid var(--border-color)}.detail-table td{padding:.75rem .6rem;border-bottom:1px solid var(--border-color);font-size:.88rem}.category-badge{background-color:var(--color-logo-blue-light);color:var(--color-logo-blue);font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full)}.amount-cell{font-family:var(--font-title);font-weight:700;color:var(--text-main)}.att-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;color:var(--color-logo-blue);background-color:var(--color-logo-blue-light);padding:.2rem .5rem;border-radius:var(--radius-sm)}.no-att-text{font-size:.78rem;color:var(--text-subtle)}.comments-list{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1rem;max-height:280px;overflow-y:auto}.comment-item{display:flex;align-items:flex-start;gap:.75rem}.comment-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}.comment-bubble{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.6rem .85rem;flex:1}.comment-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.comment-author{font-size:.82rem;font-weight:700;color:var(--text-main)}.comment-time{font-size:.7rem;color:var(--text-subtle)}.comment-content{font-size:.85rem;color:var(--text-muted)}.comment-input-box{display:flex;gap:.5rem}.comment-input-box input{flex:1}.btn-send-comment{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--color-logo-blue);color:#fff;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-md)}.action-toolbar-card{background:linear-gradient(135deg,#4285f41a,#34a8531a);border:1px solid var(--color-logo-blue)}.toolbar-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.shield-icon{color:var(--color-logo-blue)}.toolbar-header h4{font-size:.95rem;font-weight:700;color:var(--text-main)}.sub-text{font-size:.78rem;color:var(--text-muted)}.action-buttons{display:flex;gap:.75rem}.btn-approve{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;background-color:var(--color-logo-green);color:#fff;font-weight:700;padding:.65rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #34a85359;transition:background-color var(--transition-fast)}.btn-approve:hover{background-color:var(--color-logo-green-hover)}.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;background-color:var(--color-logo-red);color:#fff;font-weight:700;padding:.65rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #ea433559;transition:background-color var(--transition-fast)}.btn-reject:hover{background-color:var(--color-logo-red-hover)}.timeline-steps-list{display:flex;flex-direction:column}.timeline-step-item{display:flex;gap:.9rem}.step-left{display:flex;flex-direction:column;align-items:center}.node-indicator{z-index:2;background-color:var(--bg-card);border-radius:var(--radius-full)}.icon-approved{color:var(--color-logo-green)}.icon-pending{color:var(--color-logo-yellow-dark)}.icon-pending.pulse{animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}to{transform:scale(1);opacity:1}}.icon-rejected{color:var(--color-logo-red)}.icon-skipped{color:var(--text-subtle)}.step-connector{width:2px;flex:1;background-color:var(--border-color);margin:4px 0}.step-right{padding-bottom:1.25rem;flex:1}.step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.node-name{font-size:.88rem;font-weight:700;color:var(--text-main)}.node-status-tag{font-size:.7rem;font-weight:700;text-transform:uppercase}.approver-info{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted)}.step-comment-box{background-color:var(--input-bg);border-left:3px solid var(--color-logo-blue);padding:.35rem .6rem;border-radius:var(--radius-sm);margin-top:.35rem;font-size:.8rem;font-style:italic;color:var(--text-main)}.step-time{font-size:.7rem;color:var(--text-subtle);display:block;margin-top:.2rem}.action-modal textarea{width:100%}.btn-danger{background-color:var(--color-logo-red)}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.admin-setup-view{max-width:1280px;margin:0 auto;padding:1.5rem}.admin-header{margin-bottom:1.5rem}.admin-header h2{font-family:var(--font-title);font-size:1.4rem;font-weight:800;color:var(--text-main)}.admin-sub{font-size:.85rem;color:var(--text-muted)}.admin-grid{display:grid;grid-template-columns:300px 1fr;gap:1.5rem}.template-list-card,.workflow-nodes-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.card-title-bar{display:flex;align-items:center;gap:.5rem;font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--text-main);padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.template-items{display:flex;flex-direction:column;gap:.6rem}.template-item-btn{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--input-bg);text-align:left;transition:all var(--transition-fast)}.template-item-btn:hover{border-color:var(--border-color-hover);background-color:var(--bg-card-hover)}.template-item-btn.active{border-color:var(--color-logo-blue);background-color:var(--color-logo-blue-light)}.tmpl-info{display:flex;flex-direction:column}.tmpl-name{font-size:.88rem;font-weight:700;color:var(--text-main)}.tmpl-code{font-size:.72rem;color:var(--text-subtle);font-family:monospace}.active-icon{color:var(--color-logo-green)}.nodes-flow-list{display:flex;flex-direction:column;gap:1rem}.node-rule-card{display:flex;align-items:flex-start;gap:1rem;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.node-badge{background-color:var(--color-logo-blue);color:#fff;font-size:.75rem;font-weight:800;padding:.2rem .6rem;border-radius:var(--radius-full);white-space:nowrap}.node-body{display:flex;flex-direction:column;gap:.4rem;flex:1}.node-title{font-size:.95rem;font-weight:700;color:var(--text-main)}.node-meta{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-muted)}.condition-pill{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--color-logo-yellow-light);color:var(--color-logo-yellow-dark);padding:.25rem .65rem;border-radius:var(--radius-sm);font-size:.78rem;margin-top:.2rem}.pill-always{background-color:var(--color-logo-green-light);color:var(--color-logo-green)}@media (max-width: 800px){.admin-grid{grid-template-columns:1fr}}.login-page-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-app);position:relative;padding:2rem 1rem;transition:background-color var(--transition-normal)}.login-top-controls{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem}.ctrl-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:var(--radius-md);color:var(--text-muted);background-color:var(--bg-card);border:1px solid var(--border-color);font-size:.82rem;font-weight:600;transition:all var(--transition-fast)}.ctrl-btn:hover{color:var(--text-main);border-color:var(--border-color-hover);background-color:var(--bg-card-hover)}.login-card-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:2.5rem 2rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.brand-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.brand-logo-img-lg{width:56px;height:56px;object-fit:contain;margin-bottom:.85rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transition:transform var(--transition-fast)}.brand-logo-img-lg:hover{transform:scale(1.05)}.main-title{font-family:var(--font-title);font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:.35rem}.sub-title{font-size:.85rem;color:var(--text-muted)}.env-banner{display:flex;justify-content:center;margin-bottom:1.5rem}.env-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;padding:.35rem .85rem;border-radius:var(--radius-full)}.tag-teams{background-color:#6264a726;color:#6264a7;border:1px solid rgba(98,100,167,.3)}.tag-web{background-color:var(--color-logo-blue-light);color:var(--color-logo-blue);border:1px solid rgba(66,133,244,.3)}.teams-login-box{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem}.btn-teams-login{display:flex;align-items:center;justify-content:center;gap:.6rem;background-color:#6264a7;color:#fff;font-weight:700;font-size:.95rem;padding:.85rem;border-radius:var(--radius-md);box-shadow:0 4px 14px #6264a766;transition:background-color var(--transition-fast)}.btn-teams-login:hover{background-color:#525492}.or-divider{text-align:center;font-size:.75rem;color:var(--text-subtle)}.login-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.9rem;color:var(--text-subtle)}.input-group input{width:100%;padding-left:2.6rem;padding-top:.75rem;padding-bottom:.75rem}.btn-submit-login{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-logo-blue);color:#fff;font-weight:700;font-size:.95rem;padding:.8rem;border-radius:var(--radius-md);box-shadow:0 2px 10px #4285f459;margin-top:.25rem;transition:background-color var(--transition-fast)}.btn-submit-login:hover{background-color:var(--color-logo-blue-hover)}.auth-alert{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:var(--radius-md);font-size:.82rem;margin-bottom:1rem}.alert-error{background-color:var(--color-logo-red-light);color:var(--color-logo-red)}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.75rem 0 1.25rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-divider span{padding:0 .75rem;font-size:.75rem;color:var(--text-subtle)}.extra-channels{display:flex;flex-direction:column}.btn-channel{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;border:1px solid rgba(66,133,244,.4);background-color:var(--bg-card-hover);color:var(--color-logo-blue);transition:all var(--transition-fast)}.btn-channel:hover{border-color:var(--color-logo-blue)}:root[data-theme=dark]{--bg-app: #0b0f19;--bg-card: #151c2c;--bg-card-hover: #1e293b;--bg-header: rgba(15, 23, 42, .85);--border-color: rgba(255, 255, 255, .1);--border-color-hover: rgba(66, 133, 244, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--input-bg: #0b0f19;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .55);--glass-bg: rgba(21, 28, 44, .75);--glass-border: rgba(255, 255, 255, .08)}:root[data-theme=light]{--bg-app: #f4f6f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-header: rgba(255, 255, 255, .85);--border-color: #e2e8f0;--border-color-hover: rgba(66, 133, 244, .5);--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--input-bg: #f8fafc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(226, 232, 240, .8)}:root{--color-logo-blue: #4285F4;--color-logo-blue-hover: #3367D6;--color-logo-blue-light: rgba(66, 133, 244, .12);--color-logo-green: #34A853;--color-logo-green-hover: #2D9247;--color-logo-green-light: rgba(52, 168, 83, .12);--color-logo-yellow: #FBBC05;--color-logo-yellow-dark: #D99B00;--color-logo-yellow-light: rgba(251, 188, 5, .15);--color-logo-red: #EA4335;--color-logo-red-hover: #D93025;--color-logo-red-light: rgba(234, 67, 53, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title: "Outfit", "Inter", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:var(--color-logo-blue);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;color:var(--text-main);background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.6rem .9rem;font-size:.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px var(--color-logo-blue-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}