@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17243b;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.2}h2{font-size:1.22rem}h3{font-size:1.05rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;background:#0d1c32;color:#f7fbff;min-height:100vh;display:flex;flex-direction:column;padding:29px 18px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{width:43px;height:43px;background:#22bba7;color:#093228;display:grid;place-items:center;border-radius:14px;flex-shrink:0}.brand>div:last-child{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-family:Manrope,sans-serif;font-size:1.13rem;letter-spacing:-.035em}.brand span{font-size:.61rem;letter-spacing:.27em;margin-top:7px;font-weight:800;color:#87a5b3}.sidebar-subtitle{font-size:.68rem;font-weight:700;letter-spacing:.16em;color:#65819b;margin:54px 15px 18px}.side-navigation{display:grid;gap:7px}.nav-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 16px;color:#a8bac9;border-radius:12px;font-size:.89rem;font-weight:600;transition:background .2s,color .2s}.nav-link:hover{background:#182b43;color:#fff}.nav-link.active{background:#1b3d4c;color:#65dec8}.nav-link small{margin-left:auto;border-radius:999px;background:#2bc6ae;color:#062620;font-size:10px;padding:2px 7px}.sidebar-bottom{margin-top:auto;display:grid;gap:22px}.sidebar-caution{display:flex;gap:11px;align-items:flex-start;border:1px solid #29415b;background:#152941;border-radius:12px;padding:14px 11px;color:#9eb8c9;font-size:.72rem;line-height:1.6}.sidebar-caution svg{color:#39bdac;flex-shrink:0}.sidebar-profile{display:flex;gap:11px;align-items:center;border-top:1px solid #263a52;padding:17px 3px 0}.sidebar-profile>div{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar-profile strong{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile small{color:#8aa2b4;font-size:.73rem}.avatar{border-radius:50%;width:38px;height:38px;display:inline-grid;place-items:center;background:#e1f2f1;color:#167e76;font-size:.7rem;font-weight:800;flex-shrink:0}.avatar.sm{width:32px;height:32px;background:#2b465d;color:#94eee0}.main-area{flex:1;min-width:0}.topbar{height:81px;background:#fff;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.2vw,52px);gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.topbar-left{font-weight:700;font-size:.96rem}.topbar-date{font-size:.82rem;color:#6c7a8c}.topbar-mobile-logo{display:none}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid #e9edf2;border-radius:10px;background:#fff;color:#617188;flex-shrink:0;transition:background .2s}.icon-button:hover{background:#edf6f5;color:#128f7d}.workspace{max-width:1460px;margin:auto;padding:31px clamp(18px,3.2vw,52px) 22px}.hero{background:linear-gradient(110deg,#0e233c,#18394b 62%,#1e5360);border-radius:20px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;color:#fff;min-height:176px;margin-bottom:24px}.hero .eyebrow{color:#69dec8}.hero h1{max-width:710px;margin:9px 0 13px;font-size:clamp(1.42rem,2.3vw,2rem)}.hero p{color:#c3d6dc;max-width:680px;margin:0;font-size:.86rem;line-height:1.65}.hero-symbol{height:120px;width:120px;display:grid;place-items:center;border-radius:32px;background:#ffffff0e;border:1px solid #ffffff20;color:#6fd6c5;transform:rotate(-13deg);margin-right:30px;flex-shrink:0}.eyebrow{font-weight:800;font-size:.66rem;letter-spacing:.13em;color:#179d90}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:21px}.metric{border:1px solid #e5eaf0;background:#fff;box-shadow:0 7px 24px #20365206;border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:8px}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#65758b;font-size:.82rem;font-weight:600}.metric-icon{background:#eaf9f5;width:40px;height:40px;display:grid;place-items:center;color:#189a88;border-radius:12px}.metric strong{font-family:Manrope,sans-serif;font-size:2rem;line-height:1.1;letter-spacing:-.06em}.metric-caption{font-size:.74rem;color:#8290a0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:21px;align-items:start}.dashboard-columns{grid-template-columns:minmax(340px,1.06fr) minmax(350px,.94fr)}.card{border-radius:18px;border:1px solid #e4eaf1;background:#fff;box-shadow:0 9px 30px #20365208;padding:25px;min-width:0}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:24px}.section-heading h2{font-size:1.31rem;margin:6px 0}.section-heading p{font-size:.82rem;color:#748295;line-height:1.6;margin:0}.calendar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:10px}.calendar-top h3{font-size:1.19rem;text-transform:capitalize;margin:6px 0 0}.calendar-actions{display:flex;gap:7px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-weekday{text-align:center;font-size:.72rem;font-weight:700;color:#8794a5;padding:8px 0}.calendar-day{height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:12px;background:#f7f9fc;color:#2e3e55;font-weight:700;font-size:.85rem;position:relative}.calendar-day:hover{background:#e5f7f2}.calendar-day.outside{opacity:.38}.calendar-day.today>span{border-bottom:2px solid #24bea7}.calendar-day.selected{background:#138f85;color:#fff;box-shadow:0 4px 13px #18a69940}.calendar-day small{background:#d2f5e9;color:#0b8275;font-size:.65rem;padding:2px 7px;border-radius:8px;font-weight:800}.calendar-day.selected small{background:#fff3;color:#fff}.calendar-legend{display:flex;gap:19px;margin-top:19px;color:#7c8b9c;font-size:.72rem}.calendar-legend span{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:9px;height:9px;background:#27c6a6;border-radius:3px}.legend-outline{width:9px;height:9px;border:2px solid #148f82;border-radius:3px}.today-offers{min-height:470px}.offers-list{display:grid;gap:11px;max-height:540px;overflow:auto;padding-right:2px}.offer-card{border:1px solid #e7edf2;border-radius:13px;padding:14px;display:grid;gap:12px;background:#fff}.offer-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.profileline{display:flex;align-items:center;gap:10px}.profileline-text{display:flex;flex-direction:column;min-width:0;gap:4px}.profileline-text strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileline-text span{font-size:.72rem;color:#8792a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-tag{border-radius:9px;background:#eef6fb;color:#1d6586;font-weight:800;padding:8px 12px;font-size:.78rem;text-align:right;min-width:115px}.shift-tag small{font-weight:500;color:#668aa1;display:block;font-size:.66rem;margin-top:3px}.offer-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.offer-note{font-size:.74rem;color:#728196;display:flex;gap:6px;line-height:1.4}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;font-size:.67rem;font-weight:800;white-space:nowrap}.pill-green{background:#e4f7ee;color:#15835f}.pill-blue{background:#eaf2ff;color:#3571b6}.pill-amber{background:#fff4d8;color:#9a6815}.pill-muted{background:#edf0f4;color:#647082}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;border-radius:11px;border:1px solid transparent;font-weight:800;font-size:.82rem;white-space:nowrap;transition:transform .12s,background .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:#159787;color:#fff}.btn-primary:hover:not(:disabled){background:#0e8274}.btn-secondary{background:#fff;border-color:#dfe6ec;color:#50647b}.btn-small{padding:9px 11px;font-size:.73rem;border-radius:9px}.btn.full{width:100%}.filters{display:grid;gap:9px;margin:-8px 0 16px}.filter-line{display:flex;gap:8px;align-items:center;color:#8594a5}.filters select{width:50%;min-width:0;border:1px solid #e0e7ed;background:#f8fafb;border-radius:9px;padding:9px 8px;font-size:.76rem;color:#53657a}.search-input,.searchbox input{border:1px solid #e0e7ed;background:#f8fafb;border-radius:9px;padding:10px 12px;color:#182c3d;width:100%;outline:0;font-size:.79rem}.search-input:focus,.searchbox input:focus,select:focus,input:focus,textarea:focus{border-color:#20bba9;outline:2px solid #19b29d21}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:39px 16px;min-height:240px}.empty-icon{color:#179f8c;background:#edfaf5;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;margin-bottom:14px}.empty strong{font-size:.88rem}.empty p{margin:7px 0 0;color:#7b8a9b;font-size:.78rem;line-height:1.6;max-width:265px}.workspace>.section-heading{margin:7px 0 24px}.banner{display:flex;gap:12px;align-items:flex-start;border-radius:12px;background:#f1f8fc;color:#496981;padding:14px 17px;font-size:.8rem;line-height:1.55;margin-top:20px;border:1px solid #deebf1}.banner svg{flex-shrink:0;color:#2c94a1}.banner-warning{background:#fff7e8}.member-columns{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}.form{display:grid;gap:17px}.form label,.offer-form label{display:grid;gap:8px;color:#4c6176;font-weight:700;font-size:.77rem}.form input,.offer-form input,.offer-form textarea,.invitation-result input{border:1px solid #dce4ec;border-radius:11px;padding:12px 13px;color:#263b50;background:#fff;min-height:43px;outline:none;width:100%}.offer-form{display:grid;gap:22px}.offer-form label{gap:9px}.field-title{font-size:.78rem;font-weight:800;color:#53677c;margin-bottom:12px}.shift-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shift-option{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;text-align:left;border:1px solid #dce5ed;background:#fafbfd;border-radius:12px;padding:14px 13px;min-height:66px}.shift-option span{font-weight:800;font-size:.91rem}.shift-option small{color:#8a9aaa;font-size:.7rem;grid-column:1}.shift-option svg{grid-row:1/3;grid-column:2;color:#149487}.shift-option.chosen{background:#eaf9f4;border-color:#51c8ad;color:#097b71}.form-hint{font-size:.74rem;line-height:1.55;color:#8793a3;margin:-9px 0 0}.my-availability-list{display:grid;gap:12px}.my-availability-item{display:flex;align-items:center;gap:13px;padding:11px;border:1px solid #e9edf2;border-radius:13px}.datebox{display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;min-height:49px;flex-shrink:0;background:#eff8f6;border-radius:10px;color:#178e7f}.datebox strong{font-size:1.1rem;line-height:1.2}.datebox span{font-size:.66rem}.flexgrow{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:.8rem}.smallmuted{color:#8894a3;font-size:.74rem;line-height:1.5}.danger:hover{color:#a93049!important;background:#fff0f2!important}.request-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 4px;border-bottom:1px solid #e8edf2}.request-item:last-child{border-bottom:0}.request-date{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:.91rem}.request-date svg{color:#169f8d}.request-details{font-size:.8rem;color:#6c7d8d;margin:9px 0 8px 28px}.request-info p{margin:0 0 0 28px}.request-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.team-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(350px,1.2fr);gap:20px;align-items:start}.team-layout .wide{grid-column:1/-1}.searchbox{position:relative;display:flex;align-items:center;margin-bottom:12px}.searchbox svg{position:absolute;left:12px;color:#8e9caa}.searchbox input{padding-left:38px}.member-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:13px 1px;gap:14px}.member-row:last-child{border-bottom:0}.team-members{max-height:420px;overflow:auto}.invitation-result{border:1px solid #b9e5db;background:#effbf7;border-radius:12px;padding:14px;margin-top:18px;display:grid;gap:10px}.invitation-result strong{color:#167e72;display:flex;align-items:center;gap:8px;font-size:.84rem}.invitation-result p{font-size:.75rem;color:#6c877f;line-height:1.5;margin:0}.invitation-result input{font-size:.69rem}.invitation-result .demo-note{color:#a66917}.invite-list{display:grid;gap:10px}.invite-row{border:1px solid #e8edf2;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.invite-row>div{display:flex;flex-direction:column;gap:5px}.invite-row strong{font-size:.82rem}.invite-row span{font-size:.73rem;color:#8090a0}.info-card{display:flex;gap:13px;align-items:flex-start;color:#4c667c;background:#f7fbfa}.info-card svg{color:#169b89;flex-shrink:0}.info-card strong{font-size:.85rem}.info-card p{font-size:.76rem;margin:5px 0 0;line-height:1.6}.profile-card{max-width:600px;display:grid;gap:25px}.profile-fields{display:grid;gap:15px}.profile-fields>div{display:flex;align-items:center;gap:10px;color:#677a8c;font-size:.84rem}.profile-fields svg{color:#169f8e}.workspace-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.71rem;color:#98a5b3;margin-top:25px;min-height:36px}.demo-tools{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap}.demo-tools button{background:transparent;border:0;display:flex;align-items:center;gap:5px;color:#487d83;font-size:.72rem;text-decoration:underline;padding:4px}.bottom-nav{display:none}.toast{position:fixed;right:20px;bottom:22px;z-index:50;background:#142d3f;color:#fff;border-radius:13px;padding:14px 15px;box-shadow:0 16px 45px #152a3b55;max-width:min(440px,calc(100vw - 40px));display:flex;align-items:flex-start;gap:11px;font-size:.84rem;line-height:1.5}.toast svg{color:#71dfc8}.toast-error{background:#58303c}.toast-error svg{color:#ffadb7}.toast button{margin-left:auto;background:transparent;color:#fff;border:0;padding:0}.auth-shell{display:grid;grid-template-columns:minmax(340px,1fr) minmax(360px,.9fr);min-height:100vh;background:#fff}.auth-panel{align-self:center;width:min(450px,calc(100% - 40px));margin:60px auto;display:grid;gap:38px}.brand-center{padding:0}.auth-panel .brand span{color:#7b98a9}.auth-intro h1{font-size:2.1rem;margin:10px 0 12px}.auth-intro p{color:#718396;line-height:1.65;font-size:.88rem}.auth-panel .form{gap:20px}.auth-panel .form input{background:#f8fafb}.auth-switch{display:flex;justify-content:center;color:#8494a4;font-size:.8rem}.auth-switch button,.text-button{background:none;border:0;color:#188b80;font-weight:700;padding:0}.auth-footnote{font-size:.71rem;color:#99a7b2;line-height:1.5;text-align:center}.auth-aside{background:linear-gradient(145deg,#10233d,#1c4c59);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,8vw,135px)}.auth-aside h2{font-size:2.2rem;line-height:1.27;max-width:360px;margin-bottom:16px}.auth-aside p{line-height:1.7;color:#bcd1dc;max-width:390px}.aside-illustration{width:240px;height:240px;border-radius:55px;background:#ffffff0b;border:1px solid #ffffff30;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;color:#60d7c2;margin-bottom:70px}.aside-illustration span{font-size:.6rem;letter-spacing:.12em;font-weight:800;color:#9cd5cc}.auth-success{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.auth-success svg{color:#1ca58d}.auth-success p{line-height:1.65;color:#7d8da0}.gate-shell{display:flex;align-items:center}.spaced{margin-top:12px}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#6a7e92;text-align:center;padding:20px}.loading-ring{width:42px;height:42px;border:4px solid #dfede9;border-top-color:#19b49f;border-radius:50%;animation:spin 1s linear infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.sidebar{width:218px}.workspace{padding:26px 24px}.topbar{padding:0 24px}.dashboard-columns{grid-template-columns:1fr}.calendar-day{height:62px}.today-offers{min-height:0}.offers-list{max-height:none}.hero-symbol{margin-right:5px}}@media(max-width:880px){.sidebar{display:none}.topbar{height:65px;padding:0 19px}.topbar-mobile-logo{display:inline-flex;background:#e5f7f1;color:#139f8c;padding:9px;border-radius:10px}.workspace{padding:19px 17px 95px}.hero{padding:28px}.hero-symbol{display:none}.metric-grid{gap:9px}.metric{padding:17px}.metric strong{font-size:1.75rem}.member-columns,.team-layout{grid-template-columns:1fr}.team-layout .wide{grid-column:1}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e4eaf0;min-height:70px;padding-bottom:env(safe-area-inset-bottom);z-index:30;box-shadow:0 -7px 20px #172e410b}.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#91a0b0;font-size:.67rem;font-weight:800}.bottom-nav button.active{color:#159c8b}.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}}@media(max-width:560px){.workspace{padding:14px 13px 96px}.topbar{padding:0 13px}.topbar-date{display:none}.hero{border-radius:16px;padding:26px 22px;min-height:166px}.hero h1{font-size:1.37rem}.hero p{font-size:.78rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{padding:12px 10px;border-radius:13px}.metric-head{font-size:.65rem;min-height:44px;align-items:start}.metric-icon{width:27px;height:27px;border-radius:9px;flex-shrink:0}.metric-icon svg{width:16px;height:16px}.metric strong{font-size:1.65rem}.metric-caption{font-size:.58rem;line-height:1.4}.card{padding:17px;border-radius:15px}.section-heading h2{font-size:1.15rem}.calendar-grid{gap:4px}.calendar-day{height:52px;border-radius:9px;font-size:.8rem}.calendar-day small{font-size:.6rem;padding:1px 6px}.calendar-top h3{font-size:1rem}.calendar-legend{font-size:.65rem;flex-wrap:wrap}.offer-card{padding:12px}.shift-tag{min-width:97px;padding:7px 8px}.profileline-text strong{font-size:.77rem}.profileline-text span{font-size:.65rem}.avatar{width:33px;height:33px}.request-item{align-items:stretch;flex-direction:column;gap:14px}.request-buttons{padding-left:28px}.invite-row{align-items:flex-start;flex-direction:column}.team-layout{gap:14px}.auth-panel{margin:40px auto}.workspace-footer{font-size:.65rem}.demo-tools{margin-left:0;width:100%}}.stats-period{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.stats-period label,.ranking-prefs label:not(.ranking-opt){display:grid;gap:7px;color:#50647a;font-size:.8rem;font-weight:700}.stats-period select,.ranking-prefs input[type=text],.ranking-prefs input:not([type]){border:1px solid #dce4ec;background:#fff;border-radius:10px;padding:11px;min-width:190px}.stats-period .smallmuted{max-width:330px}.stats-metrics{margin-bottom:18px}.stats-columns{align-items:start}.ranking-rows{display:grid;gap:9px}.ranking-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e7edf2;border-radius:12px;min-height:60px}.ranking-place{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e9f6f3;color:#138b7e;font-weight:800;flex-shrink:0}.ranking-row:nth-child(1) .ranking-place{background:#fef1c9;color:#9c6c13}.ranking-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:700;font-size:.83rem}.ranking-score{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.ranking-score strong{font-size:1.12rem;color:#0c8075}.ranking-score small{font-size:.68rem;color:#6e8090}.ranking-prefs{display:grid;gap:19px}.ranking-prefs .ranking-opt{display:flex;align-items:flex-start;gap:11px;font-weight:700;color:#3d5669;font-size:.84rem;line-height:1.5}.ranking-opt input{width:18px;height:18px;flex-shrink:0;accent-color:#138f80}.ranking-prefs input:not([type]){width:100%}.ranking-prefs button{justify-self:start}.admin-stats{margin-top:19px}.admin-stats .ranking-row{flex-wrap:wrap}.admin-stats .ranking-row .smallmuted{margin-left:auto}@media(max-width:880px){.stats-period{flex-direction:column;align-items:stretch}.stats-columns{grid-template-columns:1fr}}@media(max-width:560px){.bottom-nav button{font-size:.59rem}.bottom-nav button svg{width:18px}.stats-period select{width:100%}.ranking-row{padding:10px;gap:7px}.ranking-place{width:28px;height:28px}}.notification-button{position:relative}.unread-dot{position:absolute;top:-3px;right:-5px;min-width:17px;height:17px;padding:2px 4px;border-radius:50%;background:#d7394c;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.notification-settings{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.notification-settings h3{font-size:1.08rem;margin:0 0 7px}.notification-settings p{margin:0;line-height:1.55;color:#637789;font-size:.86rem}.notification-settings .btn{max-width:100%}.notification-list{display:flex;flex-direction:column;gap:0}.notification-item{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-bottom:1px solid #ecf1f6}.notification-item:last-child{border:0}.notification-item.is-unread{background:#f0faf7;border-radius:8px;padding:14px;margin:2px 0}.notification-icon{color:#1a9d89;flex:none}.notification-content{flex:1;min-width:0}.notification-content strong{display:block;font-size:.93rem}.notification-content p{margin:5px 0;color:#45596c;font-size:.85rem}.notification-content small{color:#8191a0;font-size:.72rem}.notification-item .btn{flex:none}.pending-completion{font-size:.72rem;display:block;max-width:190px;align-self:center}@media(max-width:560px){.notification-item{flex-wrap:wrap}.notification-item .btn{margin-left:27px}}