*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{width:100%;min-height:100dvh}.app{width:100%;min-height:100dvh;padding-bottom:100px}.header{z-index:50;background:linear-gradient(135deg,#4a90d9 0%,#5ba3ec 100%);position:sticky;top:0}.header-top{align-items:center;gap:12px;padding:12px 16px;display:flex}.header-avatar{object-fit:cover;cursor:pointer;border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;width:40px;height:40px;transition:border-color .2s}.header-avatar:hover{border-color:#fff}.header-avatar:active{transform:scale(.95)}.header-text{flex:1;min-width:0}.header-greeting{color:#fff;font-size:15px;font-weight:600;line-height:1.2}.header-date{color:#ffffffbf;margin-top:1px;font-size:11px}.header-weather-now{cursor:pointer;background:#ffffff21;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:flex}.hw-icon{font-size:20px}.hw-temp{color:#fff;font-size:18px;font-weight:700}.hw-desc{color:#ffffffd9;font-size:11px}.hw-detail{color:#fff9;font-size:10px}.btn-edit-layout{color:#fffc;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;padding:4px 9px;font-size:14px;line-height:1}.btn-edit-layout:hover{background:#ffffff40}.btn-logout{color:#fffc;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:11px}.btn-logout:hover{background:#ffffff40}.reauth-bar{color:#c0392b;background:#fef0f0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.reauth-btn{color:#fff;background:#c0392b;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none}.trivia-bar{background:linear-gradient(135deg,#3d7ec2 0%,#4a90d9 100%);border-bottom:1px solid #00000014;padding:8px 16px}.trivia-link{color:#ffffffe6;align-items:center;gap:8px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.trivia-link:hover{color:#fff}.trivia-icon{flex-shrink:0;font-size:14px}.trivia-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.alerts-bar{background:#fff9e6;border-bottom:1px solid #f0e6c0;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.alert-item{border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.alert-icon{flex-shrink:0;font-size:15px}.alert-text{color:#333;line-height:1.3}.alert-warning{background:#e74c3c14}.alert-reminder{background:#f39c1214}.alert-suggestion{background:#4a90d914}.alert-info{background:#27ae6014}.edit-bar{color:#856404;z-index:49;background:#fff3cd;border-bottom:1px solid #ffc107;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:500;display:flex;position:sticky;top:0}.edit-done-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600}.grid{grid-template-columns:repeat(6,1fr);align-items:stretch;gap:12px;width:100%;padding:12px;display:grid}.grid-size-S{grid-column:span 2}.grid-size-M{grid-column:span 3}.grid-size-L{grid-column:span 4}.grid-size-F{grid-column:span 6}.grid-size-S>div,.grid-size-M>div,.grid-size-L>div,.grid-size-F>div{height:100%}.grid-size-S>div>.card,.grid-size-M>div>.card,.grid-size-L>div>.card,.grid-size-F>div>.card{box-sizing:border-box;height:100%}@media (width<=599px){.grid{grid-template-columns:repeat(2,1fr)}.grid-size-S,.grid-size-M{grid-column:span 1}.grid-size-L,.grid-size-F{grid-column:span 2}}@media (width>=600px){.grid{gap:14px;padding:16px}}.card{border:1px solid #0000000f;border-radius:12px;padding:16px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a}.card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a,0 8px 24px #0000000f}.card-edit-outline{outline-offset:-2px;border-radius:12px;outline:2px dashed #ffc107}.card-edit-controls{z-index:5;gap:4px;display:flex;position:absolute;top:4px;right:4px}.move-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.move-btn:active{background:#e8e8e8}.size-btn{color:#4a90d9;cursor:pointer;background:#eaf2fc;border:1px solid #4a90d9;border-radius:8px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 6px;font-size:12px;font-weight:700;display:flex}.size-btn:active{background:#d0e2f7}.reorder-btn:disabled{opacity:.3}.reorder-btn:hover:not(:disabled){background:#f0f0f0}.card-hoje{background:#fff;border-left:3px solid #4a90d9}.card-emails{background:#fefdf8;border-left:3px solid #f5a623}.card-pendentes{background:#fefcfc;border-left:3px solid #e24b4a}.card-aniversarios{background:#fefbff;border-left:3px solid #9b59b6}.card-viagem{background:#1a2332;border-left:3px solid #4a90d9}.card-saldos{background:#f8fdf8;border-left:3px solid #27ae60}.card-equipa{background:#f8faff;border-left:3px solid #3498db}.card-garagem{background:#fffdf5;border-left:3px solid #e67e22}.card-documentos{background:#fffcf5;border-left:3px solid #f39c12}.card-unread{background:#fff8f0;border-left:3px solid #e74c3c}.card-espera{background:#fef8f8;border-left:3px solid #c0392b}.card-label{color:#1a1a1a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:700}.card-label-dark{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700}.card-big{color:#1a1a1a;font-size:32px;font-weight:600;line-height:1}.card-medium{color:#1a1a1a;font-size:20px;font-weight:600}.card-item{color:#1a1a1a;margin-bottom:2px;font-size:13px}.card-sub{color:#999;margin-top:3px;font-size:11px}.card-sub.red{color:#e24b4a;font-weight:500}.card-sub.amber{color:#ef9f27;font-weight:500}.card-sub.green{color:#27ae60;font-weight:500}.event-list{flex-direction:column;gap:8px;display:flex}.event{align-items:center;gap:8px;display:flex}.event-time{color:#888;font-variant-numeric:tabular-nums;min-width:36px;font-size:12px}.event-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.event-dot.red{background:#e24b4a}.event-dot.amber{background:#ef9f27}.event-dot.blue{background:#4a90d9}.event-title{color:#1a1a1a;font-size:13px}.event-tomorrow .event-time{color:#aaa}.event-tomorrow .event-title{color:#666}.birthday-list{flex-direction:column;gap:4px;display:flex}.birthday-item{justify-content:space-between;align-items:center;display:flex}.balance-group{margin-top:8px}.balance-group-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.balance-group-label{text-transform:uppercase;color:#888;font-size:11px;font-weight:600}.balance-group-total{color:#1a1a1a;font-size:13px;font-weight:800}.balance-row{align-items:center;gap:6px;padding:3px 0;font-size:13px;display:flex}.freshness-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.freshness-dot.green{background:#27ae60}.freshness-dot.amber{background:#f39c12}.freshness-dot.red{background:#e74c3c}.balance-bank{color:#555;flex:1}.balance-amount{color:#333;font-weight:400}.balance-delta{margin-left:4px;font-size:11px}.balance-delta.green{color:#27ae60}.balance-delta.red{color:#e74c3c}.email-list{flex-direction:column;gap:8px;display:flex}.email-item{align-items:flex-start;gap:8px;display:flex}.email-star{color:#f5a623;flex-shrink:0;margin-top:1px;font-size:12px}.email-content{flex:1;min-width:0}.email-subject{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.email-meta{color:#999;margin-top:1px;font-size:10px}.email-urgent{color:#fff;background:#e74c3c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:10px;font-weight:700;display:flex}.email-why{color:#e74c3c;white-space:nowrap;background:#fef0f0;border-radius:4px;flex-shrink:0;align-self:flex-start;margin-top:2px;padding:2px 6px;font-size:9px;font-weight:600}.card-viagem .card-label{color:#ffffff80}.trips-list{flex-direction:column;gap:8px;display:flex}.trip-row{cursor:pointer;border-radius:8px;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 10px;transition:background .2s;display:flex;overflow:hidden}.trip-row:hover{opacity:.9}.trip-next{border:1px solid #4a90d966}.trip-green{background:#27ae6026;border-left:3px solid #27ae60}.trip-orange{background:#f39c1226;border-left:3px solid #f39c12}.trip-red{background:#e74c3c26;border-left:3px solid #e74c3c}.trip-row-route{color:#f0f0f0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.trip-row-info{color:#888;white-space:nowrap;flex-shrink:0;font-size:11px}.trip-row-tags{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.trip-mini-tag{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.trip-mini-tag.ok{background:#27ae6026}.trip-mini-tag.pending{background:#ef9f2726}.trip-mini-tag.missing{opacity:.5;background:#e74c3c1f}.trip-title{color:#f0f0f0;font-size:15px;font-weight:600}.trip-sub{color:#888;margin-top:3px;font-size:12px}.trip-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.trip-tag{color:#aaa;background:#ffffff14;border-radius:6px;padding:3px 8px;font-size:11px}.modal-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px #0003}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex}.modal-title{color:#1a1a1a;font-size:18px;font-weight:700}.modal-subtitle{color:#888;margin-top:2px;font-size:13px}.modal-close{color:#aaa;cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.modal-tabs{scrollbar-width:none;border-bottom:1px solid #eee;gap:0;display:flex;overflow-x:auto}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:500}.modal-tab.active{color:#4a90d9;border-bottom-color:#4a90d9}.modal-body{padding:16px 20px 20px}.modal-section{flex-direction:column;gap:16px;display:flex}.trip-summary-grid{flex-direction:column;gap:10px;display:flex}.trip-summary-item{cursor:pointer;background:#f8f9fa;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:32px 1fr auto;gap:2px 10px;padding:12px;display:grid}.trip-summary-item:hover{background:#f0f2f5}.trip-summary-icon{grid-row:span 2;align-self:center;font-size:20px}.trip-summary-label{color:#1a1a1a;font-size:13px;font-weight:600}.trip-summary-status{justify-self:end;font-size:11px}.trip-summary-status.ok{color:#27ae60}.trip-summary-status.pending{color:#ef9f27}.trip-summary-detail{color:#888;grid-column:2/-1;font-size:12px}.no-flight-toggle{cursor:pointer;color:#555;background:#f8f8f8;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;font-size:13px;display:flex}.toggle-switch{background:#ccc;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.on{background:#4a90d9}.toggle-switch.on:after{transform:translate(18px)}.trip-notes{background:#fffde7;border-radius:10px;padding:12px}.trip-notes-label{text-transform:uppercase;color:#888;margin-bottom:4px;font-size:11px;font-weight:700}.trip-notes-text{color:#333;font-size:13px}.detail-card{background:#f8f9fa;border-radius:10px;padding:14px}.detail-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.detail-icon{font-size:18px}.detail-title{color:#1a1a1a;flex:1;font-size:14px;font-weight:600}.detail-status{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.detail-status.ok{color:#27ae60;background:#edf9ee}.detail-status.pending{color:#ef9f27;background:#fff8e1}.detail-info{color:#555;font-size:13px}.detail-ref{color:#aaa;margin-top:4px;font-size:11px}.detail-delete{color:#ccc;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.detail-delete:hover{color:#e74c3c}.add-item-btn{color:#4a90d9;cursor:pointer;background:#f0f7ff;border:1px dashed #4a90d9;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:600}.add-item-btn:active{background:#e0efff}.add-item-form{background:#f8f9fa;border-radius:10px;padding:16px}.add-item-title{color:#1a1a1a;margin-bottom:12px;font-size:14px;font-weight:700}.add-item-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=500px){.add-item-fields{grid-template-columns:1fr}}.add-item-field{flex-direction:column;gap:3px;display:flex}.add-item-label{color:#888;text-transform:uppercase;font-size:11px;font-weight:600}.add-item-input{color:#1a1a1a;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 10px;font-size:14px}.add-item-input:focus{border-color:#4a90d9;outline:none}.add-item-actions{gap:8px;margin-top:14px;display:flex}.add-item-save{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.add-item-save:active{background:#3a7bc8}.add-item-cancel{color:#666;cursor:pointer;background:#eee;border:none;border-radius:8px;padding:8px 16px;font-size:14px}.delete-trip-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;padding:10px;font-size:13px}.delete-trip-btn:active{color:#e74c3c;background:#e74c3c14;border-color:#e74c3c}.upload-area{text-align:center;cursor:pointer;border:2px dashed #ddd;border-radius:10px;padding:20px;transition:border-color .2s;position:relative}.upload-area:hover{border-color:#4a90d9}.upload-icon{margin-bottom:6px;font-size:24px}.upload-text{color:#555;font-size:13px}.upload-sub{color:#aaa;margin-top:2px;font-size:11px}.upload-input{display:none}.trip-files-list{margin-top:12px}.trip-files-label{text-transform:uppercase;color:#888;margin-bottom:6px;font-size:11px;font-weight:700}.trip-file-row{background:#f8f8f6;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 8px;display:flex}.trip-file-link{color:#333;flex:1;align-items:center;gap:6px;min-width:0;text-decoration:none;display:flex}.trip-file-icon{flex-shrink:0;font-size:16px}.trip-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.trip-file-size{color:#999;flex-shrink:0;font-size:11px}.trip-file-delete{cursor:pointer;color:#ccc;background:0 0;border:none;padding:2px 6px;font-size:13px}.trip-file-delete:hover{color:#e74c3c}.trip-summary-files{color:#888;margin-top:2px;font-size:11px}.detail-dates{color:#666;gap:12px;margin-top:4px;font-size:12px;display:flex}.section-items{flex-direction:column;gap:8px;display:flex}.section-items .detail-card{margin-bottom:0}.preview-backdrop{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.preview-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden}.preview-header{border-bottom:1px solid #e4e2dd;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.preview-name{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.preview-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.preview-download{color:#4a90d9;border:1px solid #4a90d9;border-radius:6px;padding:4px 10px;font-size:12px;text-decoration:none}.preview-close{cursor:pointer;color:#999;background:0 0;border:none;padding:4px 8px;font-size:18px}.preview-close:hover{color:#333}.preview-body{flex:1;min-height:0;overflow:auto}.preview-iframe{border:none;width:100%;height:75vh}.preview-image{width:100%;height:auto;display:block}.uploaded-files{flex-direction:column;gap:6px;display:flex}.uploaded-file{color:#555;background:#f8f9fa;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.team-list{flex-direction:column;gap:8px;display:flex}.team-item{align-items:center;gap:8px;display:flex}.avatar{color:#6b7280;background:#e8ecf1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.team-name{color:#1a1a1a;flex:1;font-size:13px}.badge{border-radius:6px;padding:3px 8px;font-size:10px;font-weight:500}.badge.red{color:#e24b4a;background:#fef0f0}.badge.green{color:#27ae60;background:#edf9ee}.slack-btn{color:#6b7280;cursor:pointer;background:#e8ecf1;border-radius:6px;padding:3px 10px;font-size:10px}.slack-btn:hover{background:#d1d5db}.backlog-list{flex-direction:column;gap:6px;list-style:none;display:flex}.backlog-item{align-items:center;gap:8px;display:flex}.priority-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.priority-dot.high{background:#e24b4a}.priority-dot.medium{background:#ef9f27}.priority-dot.low{background:#27ae60}.backlog-title{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.btn-done{color:#ccc;cursor:pointer;background:0 0;border:1px solid #e4e2dd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.btn-done:hover{color:#27ae60;border-color:#27ae60}.backlog-due{color:#888;background:#f0f0f0;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:600}.backlog-due.red{color:#e74c3c;background:#e74c3c1a}.backlog-due.amber{color:#ef9f27;background:#f39c121a}.backlog-item{cursor:pointer}.backlog-item:active{background:#00000008;border-radius:6px}.btn-add{color:#bbb;cursor:pointer;background:0 0;border:none;font-size:18px}.backlog-modal-backdrop{z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.backlog-modal{background:#fff;border-radius:14px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 8px 32px #0003}.backlog-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.backlog-modal-title{color:#1a1a1a;font-size:16px;font-weight:700}.backlog-modal-body{flex-direction:column;gap:12px;padding:16px;display:flex}.backlog-field{flex-direction:column;flex:1;gap:4px;display:flex}.backlog-field-row{gap:10px;display:flex}.backlog-field-label{text-transform:uppercase;color:#888;font-size:11px;font-weight:600}.backlog-field-input{color:#1a1a1a;background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:14px}.backlog-field-input:focus{background:#fff;border-color:#4a90d9;outline:none}.backlog-modal-actions{border-top:1px solid #eee;gap:8px;padding:12px 16px;display:flex}.backlog-save-btn{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600}.backlog-save-btn:active{background:#3a7bc8}.backlog-complete-btn{color:#27ae60;cursor:pointer;background:#edf9ee;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.backlog-delete-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:8px;padding:10px 14px;font-size:13px}.backlog-delete-btn:active{color:#e74c3c;border-color:#e74c3c}.doc-item{align-items:center;gap:6px;display:flex}.doc-icon{flex-shrink:0;font-size:16px}.doc-open-btn{cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:15px;transition:opacity .2s}.doc-open-btn:hover,.doc-open-btn:active{opacity:1}.doc-file-input{background:#f0f0ee!important;padding:8px!important;font-size:12px!important}.doc-file-actions{gap:8px;margin-top:6px;display:flex}.doc-view-btn{color:#4a90d9;cursor:pointer;background:0 0;border:1px solid #4a90d9;border-radius:6px;padding:6px 12px;font-size:12px}.doc-view-btn:active{color:#fff;background:#4a90d9}.doc-remove-file-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:6px;padding:6px 12px;font-size:12px}.doc-remove-file-btn:active{color:#e74c3c;border-color:#e74c3c}.add-form{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.add-form input{color:#1a1a1a;background:#f8f8f6;border:1px solid #e4e2dd;border-radius:8px;padding:8px 12px;font-size:13px}.add-form-row{gap:6px;display:flex}.add-form-row select,.add-form-row input{flex:1}.add-form-date,.add-form select{color:#1a1a1a;background:#f8f8f6;border:1px solid #e4e2dd;border-radius:8px;padding:7px 10px;font-size:12px}.add-form button{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:8px;padding:8px;font-size:13px;font-weight:500}.fab{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#4a90d9,#5ba3ec);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;position:fixed;bottom:20px;right:16px;box-shadow:0 4px 16px #4a90d966}.fab:active{transform:scale(.92)}.fab-badge{background:#e74c3c;border:2px solid #fff;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse-badge;position:absolute;top:2px;right:2px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.chat-overlay{z-index:99;max-width:500px;margin:0 auto;position:fixed;bottom:80px;left:12px;right:12px}.chat{background:#fff;border:1px solid #e4e2dd;border-radius:16px;flex-direction:column;height:60vh;display:flex;box-shadow:0 8px 32px #00000026}.chat-header{color:#1a1a1a;border-bottom:1px solid #e4e2dd;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.chat-header button{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:18px}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.chat-empty{color:#bbb;text-align:center;margin-top:20px;font-size:13px}.message{flex-direction:column;display:flex}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.message-content{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:10px 14px;font-size:13px;line-height:1.5}.message.user .message-content{color:#fff;background:linear-gradient(135deg,#4a90d9,#5ba3ec);border-bottom-right-radius:4px}.message.assistant .message-content{color:#1a1a1a;background:#f4f4f2;border-bottom-left-radius:4px}.typing{color:#aaa;font-style:italic}.chat-input{border-top:1px solid #e4e2dd;gap:8px;padding:12px;display:flex}.chat-input textarea{color:#1a1a1a;resize:none;background:#f8f8f6;border:1px solid #e4e2dd;border-radius:10px;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.chat-input button{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:10px;padding:8px 16px;font-weight:600}.chat-input button:disabled{opacity:.3;cursor:not-allowed}.chat-attach{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px 2px;font-size:18px;transition:opacity .2s}.chat-attach:hover{opacity:1}.chat-files{background:#fafaf8;border-top:1px solid #e4e2dd;flex-wrap:wrap;gap:6px;padding:6px 12px;display:flex}.chat-file-tag{background:#e8ecf0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:flex}.chat-file-icon{font-size:14px}.chat-file-name{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.chat-file-remove{cursor:pointer;color:#999;background:0 0;border:none;padding:0 2px;font-size:11px;line-height:1}.chat-file-remove:hover{color:#e74c3c}.login-screen{background:linear-gradient(135deg,#4a90d9 0%,#5ba3ec 50%,#f0f2f5 50%);justify-content:center;align-items:center;min-height:100dvh;display:flex}.login-card{text-align:center;background:#fff;border-radius:20px;width:320px;max-width:90vw;padding:40px 32px;box-shadow:0 8px 32px #0000001f}.ferris-avatar{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-bottom:12px;box-shadow:0 4px 16px #0000001a}.login-sub{color:#888;margin-bottom:24px;font-size:14px}.btn-google{color:#fff;background:#4a90d9;border-radius:10px;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.btn-google:hover{background:#3d7ec2}@media (width<=400px){.card.span2{grid-column:span 1}.grid{grid-template-columns:1fr 1fr;gap:8px;padding:8px}.header-top{gap:8px;padding:10px 12px}.header-greeting{font-size:14px}.header-weather-now{gap:4px;padding:4px 8px}.hw-temp{font-size:15px}.hw-desc,.hw-detail{display:none}.card{padding:12px}}