.auth-controls{align-items:center;gap:7px;display:flex;position:relative}.auth-user{color:#fff;background:#ffffff14;border:1px solid #9db0c738;border-radius:999px;padding:9px 12px;font-size:10px}.auth-user span{color:#9db0c7;margin-left:5px}.notification-wrap{position:relative}.notification-bell{color:#f3f6fa;background:0 0;border:1px solid #9db0c74d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.notification-count{background:var(--amber);border:2px solid var(--night);color:#261a00;font:700 8px var(--display);border-radius:20px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;display:flex;position:absolute;top:-5px;right:-5px}.notification-panel{color:#1b2d45;z-index:60;background:#fff;border:1px solid #d9e2eb;border-radius:12px;width:min(330px,100vw - 32px);max-height:min(70vh,480px);padding:9px;position:absolute;top:46px;right:0;overflow:auto;box-shadow:0 18px 50px #0713233d}.notification-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;padding:7px 5px 10px;display:flex}.notification-panel-head strong{font:600 11px var(--display)}.notification-panel-head>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.notification-panel-head button{color:#168fc7;background:0 0;border:0;font-size:8px}.notification-panel-head .notification-read-all{font-weight:700}.notification-panel-head .notification-read-all:disabled{color:#87939e}.push-enable{color:#12658a;background:#e9f5fa;border:1px solid #c4e1ed;border-radius:7px;width:100%;margin:0 0 7px;padding:8px;font-size:9px}.notification-item{text-align:left;background:0 0;border:0;border-radius:8px;gap:4px;width:100%;padding:10px;display:grid}.notification-item span{color:#61738a;font-size:8px;line-height:1.5}.notification-empty{color:#718096;text-align:center;padding:12px;font-size:9px}.auth-backdrop{z-index:80;background:#07101cad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-modal{background:#fff;border:1px solid #d7e1eb;border-radius:14px;width:100%;max-width:390px;padding:27px;position:relative;box-shadow:0 20px 60px #00000040}.auth-modal h2{color:#172a44;font:600 17px var(--display);margin:14px 0 8px}.auth-modal>p{color:#697a90;margin:0 0 20px;font-size:10px}.auth-close{color:#5f6f83;background:#edf2f6;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;position:absolute;top:13px;right:13px}.google-signin{justify-content:center;min-height:42px;display:flex}.telegram-signin{justify-content:center;min-height:42px;margin-top:12px;display:flex}.auth-config-note{color:#728198;text-align:center;background:#f3f6fa;border:1px solid #e0e7ee;border-radius:8px;margin-top:10px;padding:10px;font-size:9px}.auth-message{color:#71520b;background:#fff5dd;border-radius:8px;margin-top:12px;padding:10px;font-size:9px}.auth-logout{color:#9d3b35;background:0 0;border:0;margin-top:14px;font-size:9px;text-decoration:underline}.telegram-shortcut{white-space:nowrap}@media (max-width:700px){.auth-controls{gap:5px}.auth-user{padding:8px;font-size:8px}.notification-bell{width:34px;height:34px}.telegram-shortcut{display:none}.notification-panel{position:fixed;top:70px;right:12px}.auth-modal{padding:23px 18px}}.notification-profile-link{color:#147ca8;background:#e8f4fb;border-radius:8px;align-self:flex-start;padding:7px 10px;font-size:11px;font-weight:650;text-decoration:none}.notification-profile-link:hover{background:#d8edf7}.account-profile-form,.listing-form{gap:11px;display:grid}.account-profile-form>p{color:#697a90;margin:0 0 4px;font-size:10px}.account-profile-form label,.listing-form label{color:#566a82;gap:5px;font-size:9px;font-weight:600;display:grid}.account-profile-form input,.account-profile-form select,.listing-form input,.listing-form select,.listing-form textarea{color:#20314a;background:#fff;border:1px solid #d5dee8;border-radius:7px;width:100%;min-height:38px;padding:8px 10px;font-size:11px}.account-profile-form .auth-message,.listing-form .auth-message{margin-top:0}.account-role-note{background:#f3f6fa;border-radius:7px;padding:10px}.board-create{flex:none;min-height:36px;padding:0 12px}.ride-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.ride-match{color:#12658a;background:#e9f5fa;border:1px solid #c4e1ed;border-radius:7px;min-height:32px;padding:0 8px;font-size:8px}.ride-match:hover{background:#d8edf6}.booking-inbox{background:#edf3f8;border:1px solid #d9e3ec;border-radius:10px;margin-top:18px;padding:13px}.booking-inbox-heading{align-items:center;gap:8px;font-size:10px;display:flex}.booking-inbox-heading span{color:#42677d;background:#d8e8f0;border-radius:20px;padding:3px 7px;font-size:8px}.booking-inbox>p{color:#8c5d13;font-size:9px}.booking-item{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:10px;display:flex}.booking-item>div:first-child{gap:3px;display:grid}.booking-item strong{font-size:9px}.booking-item small,.booking-waiting{color:#77879a;font-size:8px}.booking-actions{gap:6px;display:flex}.booking-actions button{color:#12658a;background:#e9f5fa;border:1px solid #c4e1ed;border-radius:6px;padding:7px;font-size:8px}.booking-actions button:last-child{color:#98463e;background:#fff1ef;border-color:#f0cfca}.listing-modal-backdrop{z-index:90;background:#07101cad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.listing-modal{background:#fff;border:1px solid #d7e1eb;border-radius:14px;width:100%;max-width:440px;max-height:90vh;padding:27px;position:relative;overflow:auto;box-shadow:0 20px 60px #00000040}.listing-modal h2{color:#172a44;font:600 17px var(--display);margin:12px 0 18px}.listing-form textarea{resize:vertical}.board-message{color:#fff;z-index:100;background:#153c51;border:1px solid #2e627c;border-radius:10px;max-width:calc(100vw - 32px);padding:12px 38px 12px 15px;font-size:10px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.board-message button{color:#fff;background:0 0;border:0;font-size:18px;position:absolute;top:5px;right:10px}@media (max-width:700px){.board-controls{flex-wrap:wrap;align-items:stretch}.board-create{order:3;width:100%}.board-filters{order:2}.board-tabs{order:1}.ride-card{grid-template-columns:.9fr 1.13fr 1.15fr 1.18fr 38px}.ride-match{padding:0 5px;font-size:7px}.booking-item{flex-direction:column;align-items:flex-start}.booking-actions{width:100%}.listing-modal{padding:23px 18px}}.auth-user{color:#273644;background:#f0f6fa;border:1px solid #e0e7ed;font-size:12px}.auth-user span{color:#74818d}.notification-bell{color:#52616d;background:#fff;border-color:#dce4eb}.notification-bell:hover{background:#f0f6fa}.notification-count{color:#fff;background:#229ed9;border-color:#fff;font-family:system-ui,sans-serif}.notification-panel{color:#253441;border-color:#e0e7ed;border-radius:12px;box-shadow:0 12px 36px #17212b26}.notification-panel-head strong{font-family:system-ui,sans-serif;font-size:13px}.notification-panel-head button{color:#168ac2;font-size:11px}.push-enable{color:#168ac2;background:#e8f4fb;border:0;border-radius:9px;min-height:40px;font-size:12px}.notification-item strong{font-size:12px}.notification-item span{color:#687783;font-size:11px}.notification-item small{color:#87939e;font-size:10px}.notification-item:hover,.notification-unread{background:#f0f7fb}.notification-empty{color:#71808d;font-size:12px}.auth-modal h2{font-family:system-ui,sans-serif}.auth-modal>p,.account-profile-form>p{color:#687783;font-size:12px;line-height:1.5}.account-profile-form label{color:#52616d;font-size:11px}.account-profile-form input,.account-profile-form select{color:#253441;border-color:#dce4eb;border-radius:9px;min-height:42px;font-size:14px}.auth-close{color:#64717c;background:#eef3f7;width:36px;height:36px}.auth-config-note,.auth-message{font-size:11px;line-height:1.5}.auth-logout{font-size:11px}.auth-role-choice{gap:10px;display:grid}.auth-role-choice>p{color:#687783;margin:0 0 4px;font-size:13px}.auth-role-card{text-align:left;background:#fff;border:1px solid #e0e7ed;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.auth-role-card:hover{background:#f4fafe;border-color:#a9d5e9}.auth-role-icon{color:#168ac2;background:#e8f4fb;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.auth-role-card>span:nth-child(2){gap:3px;display:grid}.auth-role-card strong{color:#253441;font-size:14px}.auth-role-card small{color:#75818c;font-size:11px}.auth-role-arrow{color:#229ed9;font-size:25px}.auth-back{color:#168ac2;background:0 0;border:0;min-height:38px;margin-top:12px;font-size:12px}.auth-login-button{gap:7px;min-height:36px;padding:0 11px}.auth-login-button svg{flex:none}.auth-compact-backdrop{align-items:center!important;padding:16px!important}.auth-modal-compact{max-height:min(82dvh,560px);overflow-y:auto;border-radius:14px!important;width:100%!important;max-width:360px!important;padding:20px!important}.auth-modal-compact h2{margin:9px 0 6px!important;font-size:16px!important}.auth-modal-compact>p{line-height:1.45;margin-bottom:12px!important;font-size:11px!important}.auth-modal-compact .auth-role-choice{gap:7px}.auth-modal-compact .auth-role-choice>p{margin-bottom:0;font-size:12px}.auth-modal-compact .auth-role-card{gap:9px;padding:9px}.auth-modal-compact .auth-role-icon{width:36px;height:36px}.auth-modal-compact .auth-back{min-height:32px;margin-top:6px}.auth-modal-compact .auth-config-note,.auth-modal-compact .auth-provider-hint{margin-top:7px;padding:8px;font-size:10px;line-height:1.4}.auth-modal-compact .auth-provider-hint{text-align:left;background:0 0;border:0;padding:0}.private-field-note{color:#76838f;font-size:10px;font-weight:400;line-height:1.45}@media (max-width:760px){.auth-user{min-height:40px;padding:8px 10px;font-size:11px}.notification-bell{width:40px;height:40px}.notification-panel{max-height:calc(100dvh - 86px);position:fixed;top:74px;right:12px}.auth-modal{max-width:none;max-height:90dvh;padding:24px 18px max(20px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;width:100%;overflow-y:auto}.auth-modal-compact{max-height:82dvh;border-radius:14px!important;width:calc(100% - 24px)!important;max-width:360px!important;padding:20px!important}.auth-close{width:40px;height:40px}.account-profile-form{gap:13px}.account-profile-form input,.account-profile-form select{min-height:44px;font-size:16px}.auth-role-choice{gap:11px}.auth-role-card{min-height:68px}.auth-role-card strong{font-size:15px}.auth-role-card small{font-size:12px}.auth-back{min-height:44px;font-size:13px}.private-field-note{font-size:11px}}.auth-backdrop{z-index:1000}.linked-accounts{gap:8px;margin:12px 0;display:grid}.linked-accounts .account-role-note{margin:3px 0 0}.linked-accounts .button-outline{color:#28629d;border-color:#d5e0ed}.linked-accounts .button-outline:hover{background:#eef5fc}.auth-provider-later{margin-top:12px}.auth-provider-hint{color:#687783;text-align:center;margin:8px 0 0;font-size:12px;line-height:1.5}.notification-item{text-align:left;align-items:stretch}.notification-item.notification-unread{background:#fffdf3}.notification-content{text-align:left;background:0 0;border:0;gap:4px;width:100%;padding:0;display:grid}.chat-notification-avatar{color:#2789ae;background:#eef3f6;border:1px solid #e0e8ec;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.chat-notification-avatar img{object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.chat-notification-avatar svg{width:20px;height:20px}.notification-chat-card{padding:5px;display:block}.notification-chat-open{color:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:60px;padding:7px;display:flex}.notification-chat-open:hover{background:#f0f6f9}.notification-chat-copy{flex:1;gap:3px;min-width:0;display:grid}.notification-chat-copy strong{color:#233341;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notification-chat-copy span{color:#61738a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.notification-chat-copy small{color:#8794a3;font-size:9px}.chat-notification-unread-count{color:#fff;background:#239bca;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:22px;min-height:22px;padding:0 6px;font-size:10px;display:inline-flex}.notification-content strong{color:#253441}.notification-content span{line-height:1.45}.notification-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:5px;display:grid}.notification-actions button{border:0;border-radius:8px;min-height:36px;padding:7px 5px;font-size:11px;font-weight:700}.notification-actions .notification-view-action{color:#745600;background:#fff2bd}.notification-actions .notification-accept-action{color:#18733a;background:#e4f5e9}.notification-actions .notification-reject-action{color:#a33e36;background:#fde9e7}.notification-match-card{text-align:left;background:#fff;border:1px solid #eadfb9;border-radius:16px;gap:10px;margin-top:8px;padding:12px}.notification-match-card.notification-unread{background:#fff8dd;border-color:#f2b522}.notification-match-head{align-items:center;gap:10px;display:flex}.notification-match-icon{background:#ffcf32;border-radius:13px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex}.notification-match-head>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.notification-match-head strong{color:#17212b;line-height:1.25;font-size:14px!important}.notification-match-head small{color:#77818c;font-size:10px!important}.notification-match-head>b{color:#221d0b;background:#ffd33f;border-radius:999px;padding:5px 9px;font-size:9px}.notification-match-route{color:#111820;line-height:1.3;font-size:15px!important}.notification-match-date{background:#f2f4f5;border-radius:999px;align-self:start;padding:6px 9px;font-weight:700;color:#273440!important;font-size:10px!important}.notification-source-actions.is-compact{background:#f2f4f5;border-radius:12px;align-items:center;gap:8px;margin:0;padding:8px;display:flex}.notification-source-actions.is-compact .notification-source-name{flex:1;gap:2px;min-width:0;display:grid}.notification-source-actions.is-compact .notification-source-name strong{color:#17212b;font-size:12px}.notification-source-actions.is-compact .notification-source-name small{color:#77818c;font-size:10px}.notification-source-actions.is-compact>div{margin:0}.notification-source-actions.is-compact button,.notification-source-actions.is-compact a{color:#08769b;white-space:nowrap;background:#def1fc;border:0;border-radius:10px;min-height:36px;padding:7px 10px;font-size:11px}.notification-match-card .notification-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.notification-match-card .notification-actions button{border-radius:11px;min-height:42px;font-size:12px}.notification-match-card .notification-actions .notification-accept-action{color:#fff;background:#18a34a}.notification-match-card>.notification-view-action{color:#697a8e;background:0 0;border:0;justify-self:center;padding:5px;font-size:11px;font-weight:650}.notification-match-card>.notification-view-action:hover{color:#273644;text-decoration:underline}.notification-presence-card{background:#fffdf4;border:1px solid #eee4c4;border-radius:12px;gap:8px;margin-top:8px;padding:10px}.notification-presence-card.notification-unread{background:#fff8dd;border-color:#f2b522}.notification-presence-location{color:#147ca8;background:#e8f4fb;border-radius:999px;align-self:flex-start;padding:5px 9px;font-size:11px;font-weight:750}.notification-presence-heading{align-items:center;gap:7px;display:flex}.notification-presence-heading>span{font-size:17px}.notification-presence-heading>strong{color:#17212b;font-size:13px}.notification-presence-card .notification-content{gap:5px;padding:0 2px}.notification-presence-card .notification-content>span{color:#687783;font-size:11px;line-height:1.45}.notification-presence-card .notification-content small{color:#87939e;font-size:9px}.notification-presence-card .notification-source-actions.is-compact{background:#f2f4f5;margin:0;padding:7px}.notification-presence-card .notification-profile-link{justify-content:center;align-self:stretch}.notification-panel{width:min(390px,100vw - 32px)}.notification-match-card .notification-actions .notification-reject-action{color:#bd2424;background:#fff;border:1px solid #eadfb9}.notification-action-message{color:#465563;background:#f2f6f8;border-radius:8px;margin:0 0 8px;padding:9px;font-size:11px;line-height:1.45}@media (max-width:700px){.notification-panel{overscroll-behavior:contain;width:min(360px,100vw - 24px);max-height:calc(100dvh - 88px)}.notification-actions{gap:6px}.notification-actions button{min-height:42px;font-size:12px}}
