/* Together: shared identity, distinct workspace and member experiences. */
:root{--navy:#253e5a;--gold:#b4975d;--bg:#f4f5f7;--line:#e5e9ee;--muted:#718094;--ink:#202f42;--radius:16px}body{color:var(--ink);font-size:14px;letter-spacing:-.25px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button{transition:background .16s,color .16s,box-shadow .16s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b4975d80;outline-offset:3px}button:hover{filter:none}.ui-icon{display:inline-block;flex-shrink:0;vertical-align:middle}p{color:#778498}.muted{color:#7a8798}.text-link{display:inline-flex;align-items:center;gap:8px}.btn{min-height:40px;padding:11px 18px;font-size:12px;font-weight:600;border-radius:9px;justify-content:center}.btn:hover{background:#345370;box-shadow:0 3px 8px #253e5a12}.btn.light:hover{background:#f3f5f8}.btn.light{color:#546578}.btn:disabled{background:#edf0f4;box-shadow:none;color:#9aa5b2}.field,.search{min-height:44px;border-color:#dfe5ec;border-radius:9px;font-size:13px}.field:focus,.search:focus{outline:2px solid #b4975d28;border-color:var(--gold)}label{font-size:12px;color:#536277;font-weight:600}.panel{border-radius:var(--radius);border:1px solid #e5e9ee;box-shadow:0 2px 3px #253e5a02}.panel-title{margin-bottom:24px}.panel-title h2{font-size:16px;font-weight:700;letter-spacing:-.5px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.4px;color:#9a8459}.heading{margin-bottom:30px;gap:20px}.heading h1{font-size:28px;letter-spacing:-1px;margin:8px 0 9px;font-weight:800}.heading p{font-size:12px;color:#8190a2}.badge{font-weight:500;font-size:10px;border-radius:5px;line-height:1.5;padding:4px 8px;white-space:nowrap}.tags .tag{font-size:10px;padding:5px 8px;background:#f3f5f7;border:0;color:#7b899b}.table th{font-size:11px;color:#7b899b;background:#f7f8fa;border-bottom:1px solid var(--line);padding:14px 16px}.table td{font-size:12px;padding:19px 16px;color:#536277}.table td b{color:#35465b;font-weight:600}.table tbody tr:hover{background:#fafbfc}.table tbody tr:last-child td{border-bottom:0}.toolbar{gap:12px;margin-bottom:24px}.tabs{padding:4px;gap:3px;border:1px solid #e9edf2}.tabs button{padding:8px 14px;font-size:11px}.tabs button.active{box-shadow:0 2px 5px #253e5a0c}.info-strip{background:#f7f4ed;border:1px solid #eee7d7;color:#9e8857;padding:13px 17px;line-height:1.8}.stat{border-radius:14px;padding:23px;position:relative;overflow:hidden;box-shadow:0 2px 3px #253e5a02}.stat-top{align-items:center;font-size:12px;color:#758398}.stat-icon{padding:10px;background:#eef2f7;color:#607a98;border-radius:10px}.stat:nth-child(2) .stat-icon{background:#f5f0e4;color:#b29961}.stat:nth-child(3) .stat-icon{background:#ebf3ef;color:#6b9d84}.stat:nth-child(4) .stat-icon{background:#f0eef5;color:#9586ac}.stat strong{font-size:33px;margin:7px 0 12px;line-height:1.2;color:#243a53;letter-spacing:-1.2px}.stat small{font-size:10px;letter-spacing:0}.stats{gap:18px;margin-bottom:26px}
/* Admin workspace */
.shell{grid-template-columns:244px 1fr}.sidebar{width:244px;background:#fff;border-right:1px solid #e3e8ee}.sidebar-navigation{padding:30px 19px 24px}.brand{gap:11px;font-size:25px;letter-spacing:-1.3px}.brand img{width:43px;height:43px}.brand small{font-size:8px;letter-spacing:1.6px;margin-top:3px;font-weight:600}.workspace{margin-top:30px;margin-bottom:10px;border:1px solid #e9edf2;border-radius:9px;background:#fafbfc;color:#7b8899;font-size:10px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between}.workspace .badge{font-size:8px;padding:3px 6px;letter-spacing:.7px}.nav-label{color:#a2adba;font-size:9px;font-weight:500;letter-spacing:1.5px;margin:25px 13px 12px}.nav-item{font-size:12px;font-weight:500;padding:13px 14px;color:#77859a;gap:13px;border-radius:9px;margin:5px 0}.nav-item>span{display:flex;align-items:center}.nav-item .ui-icon{width:18px;height:18px;stroke-width:1.65}.nav-item:hover{background:#f3f5f8;color:var(--navy)}.nav-item.active{background:#263f5c;color:white;box-shadow:0 4px 9px #263f5c10}.subnav{font-size:11px;padding:9px 12px 9px 46px;position:relative;color:#8e9aab}.subnav.active{color:#a98e54}.subnav.active:before{content:'';position:absolute;left:28px;top:15px;width:4px;height:4px;border-radius:50%;background:var(--gold)}.sidebar-account{padding:18px 20px 20px;background:#fcfcfd;border-top:1px solid #e8ecf1}.sidebar-account-person{padding:0 4px;margin-bottom:15px}.sidebar-account-person .avatar{background:#e8edf3;color:#5f7690}.sidebar-account-person b{font-size:12px}.sidebar-account-person small{font-size:9px;color:#96a3b4}.sidebar-account-button{font-size:11px;gap:10px;padding:10px 11px;color:#7f8ea1}.sidebar-account-button:hover{background:#edf1f6}.topbar{height:75px;padding:0 38px;background:#ffffffed}.topbar>.muted{font-size:11px;color:#a1acba}.topbar .tools{gap:17px}.topbar .mode{font-size:10px;color:#7e8b9e;padding:8px 12px;border-color:#e6eaf0;border-radius:7px}.topbar .avatar{width:31px;height:31px;font-size:12px}.notification-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#8290a1;position:relative}.notification-button:after{content:'';position:absolute;right:6px;top:6px;width:4px;height:4px;background:var(--gold);border:1px solid white;border-radius:50%}.content{padding:34px 38px;max-width:1550px}.grid{grid-template-columns:minmax(0,1.8fr) minmax(295px,1fr);gap:24px}.day{min-height:87px;padding:11px 7px;font-size:11px}.dayname{padding-bottom:16px;font-size:10px}.day.today>span{padding:4px 6px}.event{font-size:9px;padding:5px 6px;background:#edf2f7;border-radius:4px}.calendar-head{margin:24px 0 18px}.calendar-head>strong{font-size:16px}.rank{padding:15px 0;gap:12px}.rank-num{font-size:11px}.rank-info b{font-size:12px;font-weight:600}.rank-info small{font-size:10px}.rank .avatar{width:32px;height:32px;font-size:11px}.rank-score{font-size:15px}.bar-chart{gap:19px;height:155px}.bar{max-width:35px;background:#d9e2ec;border-radius:4px 4px 0 0}.bar-wrap{font-size:10px}.footnote{margin-top:36px;font-size:9px;color:#acb5c0}.category-tree-panel{box-shadow:none}.category-root{background:#273f5b}.category-detail-heading h2{font-size:25px}.category-detail .panel{padding:28px}.category-activity p{font-size:13px}.kanban{gap:16px}.kanban-column{background:#eaeef3;border:1px solid #e2e7ee;border-radius:12px;padding:15px;flex-basis:250px}.kanban-column>.muted{font-size:10px;margin-left:5px}.kanban-column .request{box-shadow:0 2px 6px #263f5c04}.kanban-column .request-category{font-size:9px;margin-top:15px}.kanban-column .request h3{font-size:14px}.kanban-column .request-meta span{font-size:10px}.kanban-column .request-meta .ui-icon{width:12px;height:12px}
/* Cooperation cards */
.request{padding:24px;border:1px solid #e2e7ed;border-radius:14px;box-shadow:0 3px 9px #263f5c03;transition:box-shadow .2s,border-color .2s}.request:hover{box-shadow:0 7px 20px #263f5c09;border-color:#d1dae5}.request-topline{display:flex;justify-content:space-between;align-items:center;gap:8px}.request-category{font-size:10px;font-weight:500;color:#8a98a8;margin-top:20px}.request-category>span{color:#b1975e}.request h3{font-size:17px;letter-spacing:-.6px;line-height:1.6;margin:7px 0 17px;font-weight:700}.request h3 button{padding:0;text-align:left;line-height:inherit;color:#2a4059;letter-spacing:inherit;font-weight:inherit}.request-meta{display:flex;flex-direction:column;gap:9px}.request-meta>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#8491a2;line-height:1.5}.request-meta .ui-icon{color:#a1adba}.request-meta i{font-style:normal;color:#c0c7d0;margin:0 1px}.request .tags{margin:18px 0}.request .progress{height:3px;background:#eef1f5;margin-top:18px}.request .progress i{background:#bdab7e}.request-footer{margin-top:16px;padding-top:15px;border-color:#edf0f4;gap:8px}.request-footer>span{display:inline-flex;align-items:center;gap:5px;color:#9aa5b4;font-size:10px}.request-footer>span b{color:#4f657f;font-weight:600}.request-footer .btn{font-size:11px;padding:10px 15px;min-height:36px}.request-footer>button:not(.btn){font-size:10px;color:#8c9bae}.match{display:inline-flex;align-items:center;gap:4px;font-size:17px;color:#a38a50;font-weight:700;letter-spacing:-.5px}.match small{font-size:10px;font-weight:500;letter-spacing:-.2px}
/* Member app: roomy desktop, focused mobile */
.mobile-shell{max-width:1200px;min-height:100vh;background:#fbfbfa;box-shadow:none;padding-bottom:100px;border-left:1px solid #edf0f3;border-right:1px solid #edf0f3}.mobile-top{height:85px;padding:0 42px;background:#fff;border-bottom:1px solid #edf0f3}.mobile-top .brand{font-size:23px}.mobile-top .brand img{width:39px;height:39px}.mobile-top>div:last-child{align-items:center;gap:12px}.mobile-top .mode{font-size:10px;background:transparent;color:#8794a5;border:1px solid #e5e9ef;border-radius:7px;padding:8px 11px}.mobile-content{padding:34px 42px 25px}.home-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.home-welcome h1{font-size:29px;line-height:1.45;letter-spacing:-1.2px;margin:9px 0}.home-welcome p{font-size:12px;color:#8b97a6}.mobile-break{display:none}.home-profile{display:flex;gap:10px;align-items:center;flex-shrink:0}.home-profile .avatar{width:39px;height:39px;background:#ede7d8;color:#aa9059;font-size:14px}.home-profile>span:last-child{font-size:10px;display:flex;gap:7px;align-items:center;color:#8c99a9}.user-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:27px}.hero{padding:30px;margin:0 0 26px;background:#293f58;border-radius:17px;color:white;min-height:245px;position:relative;display:flex;align-items:center;overflow:hidden;border:1px solid #2c455f}.hero:after{display:none}.hero-copy{width:70%;position:relative;z-index:2}.hero-kicker{font-size:9px;letter-spacing:1.5px;color:#d6bf87;border:1px solid #d5bc832c;padding:6px 10px;border-radius:20px;display:inline-block}.hero h2{font-size:25px;font-weight:600;line-height:1.55;letter-spacing:-.9px;margin:15px 0 12px}.hero p{font-size:10px;color:#a8b6c7;max-width:280px;line-height:1.8}.hero button{display:inline-flex;gap:10px;align-items:center;font-size:10px;color:#e2d0a5;margin-top:21px;padding:0}.hero-art{position:absolute;right:-1px;bottom:8px;width:210px;height:205px;z-index:1;opacity:.9}.hero-arc{position:absolute;width:174px;height:174px;border:1px solid #e3d1a62d;border-radius:50%;left:15px;top:2px}.hero-arc:after{content:'';position:absolute;width:148px;height:148px;border:1px solid #e3d1a615;border-radius:50%;left:12px;top:12px}.hero-spark{position:absolute;top:25px;left:76px;color:#c4a760}.hero-spark svg{fill:#c4a760;stroke-width:.8}.hero-person{position:absolute;bottom:44px;width:58px;height:61px;border-radius:35px 35px 3px 3px}.hero-person:before{content:'';position:absolute;top:-35px;left:14px;width:29px;height:29px;border-radius:50%;background:inherit}.hero-person.one{left:36px;background:#9cabb9}.hero-person.two{left:107px;background:#d0d7dc}.hero-floor{position:absolute;width:72px;height:3px;background:#c1a566;left:69px;bottom:27px;border-radius:2px}.hero-art-caption{position:absolute;bottom:6px;left:52px;font-size:6px;letter-spacing:1.7px;color:#98a9bb}.hero.has-banner-image .hero-copy{width:65%}.hero.has-banner-image .home-banner-image{width:30%;margin:0 0 0 auto;border-radius:9px;max-height:180px;object-fit:cover}.section-heading{margin:27px 0 17px;align-items:flex-end}.section-heading .eyebrow{font-size:9px;margin-bottom:7px;color:#ac965f}.section-heading h2{font-size:19px;letter-spacing:-.7px}.section-heading .muted{font-size:10px;gap:7px}.home-match-condition{display:flex;align-items:center;gap:8px;background:#f3f1eb;border-radius:8px;padding:12px 13px;color:#9c895a;margin-bottom:17px;font-size:10px}.home-match-condition small{font-size:8px;margin-left:5px;opacity:.7}.home-match-condition button{margin-left:auto;flex-shrink:0;font-size:9px;color:#a38e5c;text-decoration:underline;text-underline-offset:3px}.mobile-content .cards{grid-template-columns:1fr;gap:17px}.home-request-cards .request{padding:23px}.home-request-cards .request h3{font-size:18px;margin-bottom:15px}.home-request-cards .request .tags{margin:16px 0}.home-request-cards .request-category{margin-top:15px}.mobile-content .panel{padding:23px}.user-home-aside .panel{margin-bottom:22px}.my-impact .panel-title h2{font-size:13px}.my-impact .panel-title>.ui-icon{color:#bca570;width:17px;height:17px}.impact-score{position:relative;border-bottom:1px solid #eceff3;padding:3px 0 23px}.impact-score>strong{font-size:46px;letter-spacing:-2px;line-height:1.1;color:#314c68;font-weight:700}.impact-score>span{font-size:10px;color:#8d9bae;margin-left:7px}.impact-score>i{position:absolute;right:0;top:8px;color:#d9cdb1}.impact-detail{display:flex;gap:18px;margin-top:20px}.impact-detail>button,.impact-detail>div{flex:1;text-align:left;padding:0}.impact-detail b{display:block;font-size:15px;color:#526a84;font-weight:600;line-height:1.6}.impact-detail span{display:flex;align-items:center;gap:3px;font-size:9px;color:#9aa6b5;margin-top:4px}.my-impact>p{font-size:9px;color:#a4936e;margin-top:24px;line-height:1.8}.home-notices .panel-title{margin-bottom:10px}.home-notices .panel-title h2{font-size:13px}.home-notices .panel-title .muted{font-size:9px}.home-notices .notice{display:block;text-align:left;width:100%;padding:17px 0}.notice-label{font-size:8px;color:#ad965e;letter-spacing:.3px}.home-notices .notice b{font-size:11px;line-height:1.9;font-weight:500;color:#66788f;margin:5px 0}.home-notices .notice small{font-size:9px;color:#aab3bf}.home-notices .notice:last-child{border:0;padding-bottom:0}.home-value-note{display:flex;gap:13px;padding:2px 14px;align-items:center}.home-value-note>.ui-icon{color:#c1ad7c}.home-value-note p{font-size:10px;color:#a6a28f;line-height:1.9}.mobile-nav{left:50%;transform:translateX(-50%);max-width:1200px;padding:14px 65px 17px;background:#ffffffed;backdrop-filter:blur(12px);border-color:#e6ebf0;box-shadow:0 -4px 25px #253e5a04;gap:15px}.mobile-nav button{display:flex;flex:1;align-items:center;justify-content:center;gap:9px;padding:9px 12px;font-size:11px;color:#99a5b4;border-radius:10px}.mobile-nav button>span{margin:0;display:flex}.mobile-nav button.active{background:#eef2f6;color:#304c6b;font-weight:600}.mobile-nav .ui-icon{width:19px;height:19px}.mobile-content>.heading h1{font-size:28px}.mobile-content .form-grid{gap:20px}.mobile-content #profile-form{max-width:720px;margin:auto}.mobile-content #profile-form .panel{padding:28px}.mobile-content .notice b{font-size:14px}
/* Authentication and forms */
.auth-layout{grid-template-columns:45% 55%;background:#fafbfc}.auth-story{background:#263e59;padding:42px 55px;position:relative}.auth-story:after{content:'';position:absolute;right:-160px;top:20%;width:500px;height:500px;border:1px solid #ffffff09;border-radius:50%;pointer-events:none}.auth-story .brand{position:relative;z-index:1}.auth-story .brand img{border-radius:9px;width:44px;height:44px}.auth-story .brand small{font-size:8px}.auth-message{max-width:390px;margin:auto;position:relative;z-index:1;padding:50px 0 35px}.auth-message h1{font-size:38px;line-height:1.55;font-weight:600;letter-spacing:-1.8px;margin:20px 0}.auth-message>p{font-size:13px;color:#a6b7c9;line-height:2}.auth-message .eyebrow{font-size:9px;color:#ccb57e;font-weight:500;letter-spacing:2px}.auth-art{transform:scale(.88);margin:30px auto 10px}.orbit{border-color:#ffffff0b}.person-one{background:#94a8ba}.person-two{background:#c5d0d8}.auth-star{font-size:60px;color:#c0a464}.auth-story-footer{padding-top:22px;border-color:#ffffff16}.auth-story-footer b{font-size:11px;font-weight:500;color:#d1dce7}.auth-story-footer p{font-size:9px;color:#8fa5bd;line-height:1.9}.auth-story>small{font-size:8px;color:#7e95ae;letter-spacing:.3px}.auth-form-side{padding:30px 50px;background:#fff;min-height:100vh}.auth-form-card{max-width:360px;padding:45px 0}.auth-form-card h2{font-size:28px;font-weight:700;letter-spacing:-1px;margin:13px 0}.auth-intro{font-size:11px;margin-bottom:31px;line-height:1.9;color:#92a0b1}.auth-role{gap:0;border-bottom:1px solid #edf0f4;align-self:flex-end}.auth-role button{border-radius:0;padding:9px 16px;color:#a5afbd;font-size:11px;background:none!important}.auth-role button.active{color:#354e6a;border-bottom:2px solid var(--gold);font-weight:600}.auth-field{margin-bottom:20px}.auth-field label{font-size:11px;color:#687a90;font-weight:500}.auth-field .field{background:#fbfcfd;border:1px solid #dfe5ed;padding:14px;font-size:12px;min-height:47px;border-radius:8px}.auth-field .field::placeholder{color:#b0bbc8}.auth-field .field:focus{background:white}.auth-submit{min-height:48px;letter-spacing:.2px;font-weight:500}.auth-options{margin:5px 0 23px}.auth-options label{font-size:10px}.auth-options button{font-size:9px}.auth-bottom{font-size:10px;margin-top:26px}.auth-bottom button{font-size:10px}.auth-demo{background:#f7f8fa;border:1px solid #edf0f4;border-radius:10px;padding:16px;margin-top:30px}.auth-demo b{font-size:9px;color:#91a0b2}.auth-demo p{font-size:9px;color:#a0abba}.auth-demo button{font-size:9px;background:white;border:1px solid #e5e9ef;padding:10px 12px;color:#8a98a9}.auth-demo button span{color:#a7b1bf;font-size:9px;margin-top:5px}.auth-copyright{font-size:9px;color:#b3bcc8}.password-gate{border-radius:18px;box-shadow:0 8px 30px #253e5a04}.gate-symbol{background:#f3eee3}.gate-identity{background:#f5f7fa}.account-editor-panel .field{padding:13px}.account-steps .active{background:#2b4561}.account-form-actions{padding-top:15px;border-top:1px solid #edf0f4}.account-password-section{margin-top:30px;padding-top:25px}dialog{border-radius:18px;padding:30px;box-shadow:0 25px 100px #152a4540}dialog::backdrop{background:#182f4b66;backdrop-filter:blur(3px)}dialog h2{font-size:22px;letter-spacing:-.7px}
@media(min-width:1450px){.content{padding:40px 45px}.stats{gap:22px}.stat{padding:25px}.day{min-height:96px}.mobile-content{padding-top:38px}.hero{min-height:265px}.hero h2{font-size:28px}.hero-art{right:15px;transform:scale(1.1);transform-origin:right bottom}}
@media(max-width:1150px){.shell{grid-template-columns:210px 1fr}.sidebar{width:210px}.sidebar-navigation{padding:25px 15px}.sidebar-account{padding:16px 15px}.content{padding:29px 27px}.topbar{padding:0 27px}.grid{grid-template-columns:1fr}.stats{gap:13px}.stat{padding:18px}.stat-top{font-size:10px}.stat-icon{padding:8px}.stat-icon .ui-icon{width:17px;height:17px}.stat strong{font-size:29px}.stat small{font-size:9px}.user-home-grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.mobile-top{padding:0 30px}.mobile-content{padding:30px}.hero{padding:24px}.hero h2{font-size:23px}.hero-art{right:-20px;transform:scale(.85);transform-origin:right bottom}.hero p{max-width:230px;font-size:9px}.hero-copy{width:76%}.mobile-content .panel{padding:20px}.home-welcome h1{font-size:26px}}
@media(max-width:850px){.user-home-grid{grid-template-columns:1fr}.user-home-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.user-home-aside .panel{margin:0}.home-value-note{display:none}.hero{min-height:235px}.hero-copy{width:75%}.hero-art{right:15px;transform:none}.hero h2{font-size:27px}.hero p{max-width:320px;font-size:11px}.home-request-cards{display:grid!important;grid-template-columns:1fr 1fr!important}.home-request-cards .request:last-child{grid-column:1/-1}.home-request-cards .request h3{font-size:16px}.home-request-cards .request-meta>span{font-size:10px}.auth-story{padding:30px}.auth-message h1{font-size:30px}.auth-form-side{padding:26px 30px}.auth-art{transform:scale(.75);transform-origin:center;margin-left:-10px}.category-detail-heading h2{font-size:22px}}
@media(max-width:720px){.shell{display:block}.sidebar{width:auto;display:block;border-right:0}.sidebar-navigation{display:flex;gap:6px;padding:14px;overflow-x:auto}.sidebar-navigation .brand{min-width:102px;font-size:22px}.sidebar-navigation .brand img{width:33px;height:33px}.sidebar-navigation .brand small{display:none}.nav-item{font-size:10px;padding:9px 11px;margin:0;gap:7px}.nav-item .ui-icon{width:15px;height:15px}.sidebar-account{padding:8px 15px;display:flex;background:#f9fafb}.sidebar-account-person{margin-bottom:0}.sidebar-account-button{font-size:10px}.topbar{height:62px;padding:0 18px}.topbar .tools{gap:8px}.topbar>.muted{font-size:10px}.topbar .mode{font-size:9px}.content{padding:25px 17px}.heading{margin-bottom:23px;gap:12px}.heading h1{font-size:25px}.heading p{font-size:11px;line-height:1.9}.heading>.btn{font-size:10px;padding:9px 11px;min-height:36px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:18px;border-radius:12px}.stat strong{font-size:28px}.stat-top{font-size:11px}.panel{padding:20px}.panel-title h2{font-size:15px}.panel-title .muted{font-size:10px}.panel-title h2>.muted{display:none}.day{min-height:70px;font-size:10px;padding:10px 3px}.event{font-size:8px;padding:4px}.calendar-head>strong{font-size:14px}.bar-chart{height:140px}.mobile-shell{border:0;max-width:100%;padding-bottom:95px;background:#fafbf9}.mobile-top{height:74px;padding:0 22px}.mobile-top .brand{font-size:22px}.mobile-top .brand img{width:36px;height:36px}.mobile-top .brand small{font-size:7px;letter-spacing:1.2px}.mobile-top>div:last-child{gap:4px}.mobile-top .mode{font-size:8px;padding:6px 8px;border-radius:5px}.mobile-top .notification-button{width:29px}.mobile-content{padding:27px 22px 18px}.home-welcome{margin-bottom:23px;align-items:flex-start}.home-welcome h1{font-size:25px;line-height:1.5;letter-spacing:-1px;margin-top:9px}.home-welcome p{font-size:10px;margin-top:10px}.home-welcome .eyebrow{font-size:9px;letter-spacing:1px}.mobile-break{display:block}.home-profile{padding-top:22px}.home-profile>span:last-child{display:none}.home-profile .avatar{width:37px;height:37px;font-size:13px}.user-home-grid{display:flex;flex-direction:column;gap:24px}.hero{border-radius:14px;padding:24px 22px;min-height:225px;margin-bottom:27px}.hero-kicker{font-size:8px;padding:5px 8px;letter-spacing:.7px}.hero-copy{width:78%}.hero h2{font-size:23px;margin:14px 0 11px;letter-spacing:-.7px}.hero p{font-size:9px;max-width:205px}.hero button{font-size:9px;margin-top:18px}.hero-art{right:-24px;bottom:6px;transform:scale(.75);transform-origin:right bottom;opacity:.8}.hero .hero-spark{opacity:.9}.section-heading{margin-top:0;margin-bottom:16px}.section-heading h2{font-size:19px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:6px}.home-match-condition{font-size:9px;padding:11px;gap:6px;border-radius:7px;margin-bottom:15px}.home-match-condition small{font-size:7px;margin-left:3px}.home-match-condition button{font-size:8px}.home-request-cards{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.home-request-cards .request:last-child{grid-column:auto}.home-request-cards .request{padding:21px;border-radius:13px}.home-request-cards .request h3{font-size:17px}.request-meta>span,.home-request-cards .request-meta>span{font-size:10px}.match{font-size:16px}.match small{font-size:9px}.request-category{font-size:9px}.request .tags{gap:5px}.request-footer .btn{font-size:10px;min-height:36px;padding:9px 14px}.user-home-aside{display:flex;flex-direction:column;gap:18px}.mobile-content .panel{padding:22px}.my-impact .panel-title h2,.home-notices .panel-title h2{font-size:14px}.impact-score{padding-bottom:20px}.impact-score>strong{font-size:40px}.impact-detail b{font-size:16px}.impact-detail span{font-size:10px}.home-notices .notice b{font-size:12px}.home-notices .notice small{font-size:10px}.mobile-nav{max-width:100%;padding:10px 10px 17px;gap:0;left:0;transform:none}.mobile-nav button{flex-direction:column;gap:6px;font-size:9px;padding:7px 4px;border-radius:8px}.mobile-nav .ui-icon{width:21px;height:21px}.mobile-nav button.active{background:none;color:#2d4b6c}.mobile-nav button.active:after{content:'';width:3px;height:3px;border-radius:50%;background:var(--gold);position:absolute;bottom:9px}.mobile-content>.heading h1{font-size:26px}.mobile-content>.heading{margin-bottom:25px}.mobile-content .cards{gap:15px}.mobile-content #profile-form .panel{padding:22px}.mobile-content .chips{gap:7px}.mobile-content .chip{font-size:11px;padding:9px 11px}.auth-layout{display:block;background:white}.auth-story{display:none}.auth-form-side{padding:24px 27px;min-height:100vh}.auth-form-card{max-width:390px;padding:35px 0}.auth-mobile-brand{margin-bottom:45px}.auth-mobile-brand .brand{font-size:23px}.auth-mobile-brand .brand img{width:40px;height:40px}.auth-form-card h2{font-size:27px}.auth-role{top:28px;right:22px;position:absolute;border-bottom:0}.auth-role button{font-size:9px;padding:8px 12px}.auth-field .field{font-size:14px;min-height:49px}.auth-field label{font-size:12px}.auth-intro{font-size:11px}.auth-submit{font-size:13px}.auth-bottom{font-size:11px}.auth-bottom button{font-size:11px}.auth-demo p{font-size:10px}.auth-demo button{font-size:10px}.auth-demo button span{font-size:10px}.auth-demo b{font-size:10px}.auth-copyright{font-size:9px}.password-gate{padding:28px 20px!important}.category-detail .panel{padding:22px}.category-activity p{font-size:12px}.form-grid{gap:18px}.account-steps{gap:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.profile-category-picker{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:12px;background:#fff}.profile-category-root{display:flex;gap:12px;align-items:center;padding:18px 20px;background:#f2f5f8;color:var(--navy);border-bottom:1px solid var(--line)}.profile-category-root b{font-size:13px;display:block}.profile-category-root small{font-size:11px;color:#8a98aa;display:block;margin-top:5px}.profile-category-root>span{margin-left:auto;font-size:11px;color:#8a98aa;white-space:nowrap}.profile-category-branches{padding:17px 18px 8px 28px}.profile-category-branch{border-left:1px solid #dfe5ed;padding:0 0 12px 15px;position:relative}.profile-category-branch:before{content:'';position:absolute;width:15px;height:1px;background:#dfe5ed;left:0;top:23px}.profile-category-branch summary{display:flex;gap:10px;align-items:center;list-style:none;cursor:pointer;background:#f7f8fa;border-radius:8px;min-height:46px;padding:10px 13px;font-size:13px;color:#566b84}.profile-category-branch summary::-webkit-details-marker{display:none}.profile-category-branch[open]>summary .branch-chevron{transform:rotate(90deg)}.profile-branch-count{margin-left:auto;font-size:11px;color:#9ba8b7;white-space:nowrap}.profile-branch-count.has-selection{color:#a58a4f;background:#f3edde;padding:4px 7px;border-radius:5px}.profile-category-branch ul{list-style:none;margin:10px 0 0 23px;padding:0 0 0 17px;border-left:1px solid #e4e9ef}.profile-category-leaf{position:relative;margin:4px 0}.profile-category-leaf:before{content:'';position:absolute;left:-18px;top:23px;width:18px;height:1px;background:#e4e9ef}.profile-field-row{display:flex;align-items:center;border-radius:7px;gap:8px;padding:0 7px 0 12px}.profile-field-row:hover{background:#f8fafb}.profile-field-row:has(input:checked){background:#f0f4f8}.profile-field-row label{display:flex;gap:11px;align-items:center;flex:1;font-size:12px;font-weight:400;color:#6d7f94;padding:13px 0;margin:0;cursor:pointer;line-height:1.7;min-height:47px}.profile-field-row input{width:16px;height:16px;accent-color:var(--navy);margin:0;flex-shrink:0}.profile-field-row input:checked+span{color:var(--navy);font-weight:600}.profile-field-row>button{width:32px;height:32px;display:grid;place-items:center;color:#9ba8b7;border-radius:6px;flex-shrink:0}.profile-field-row>button:hover{background:#e4ebf2;color:var(--navy)}.profile-field-selection{border-top:1px solid var(--line);padding:19px 20px;background:#fdfcf9}.profile-field-selection>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.profile-field-selection b{font-size:12px;color:#687b91}.profile-field-selection #profile-field-total{font-size:11px;color:#ae935b}.profile-selected-tags{display:flex;gap:7px;flex-wrap:wrap}.profile-selected-tags button{display:flex;align-items:center;gap:9px;font-size:11px;padding:8px 10px;border:1px solid #e5dfd0;border-radius:7px;color:#9e8653;background:#faf7ef}.profile-selected-tags button:hover{background:#f2eddf}.profile-selected-tags button span{font-size:16px;line-height:1;color:#b4a482}.profile-field-placeholder{font-size:11px;color:#a0acbb;padding:5px 0}.profile-field-selection p{font-size:10px;color:#a4adba;margin-top:14px;line-height:1.8}
@media(max-width:720px){.profile-category-root{padding:16px;gap:9px}.profile-category-root small{font-size:10px}.profile-category-root>span{font-size:10px}.profile-category-branches{padding:14px 12px 5px 18px}.profile-category-branch{padding-left:12px}.profile-category-branch:before{width:12px}.profile-category-branch summary{padding:10px;font-size:12px;gap:8px}.profile-category-branch ul{margin-left:18px;padding-left:12px}.profile-category-leaf:before{left:-13px;width:13px}.profile-field-row{padding-left:9px;gap:3px}.profile-field-row label{font-size:12px;gap:9px}.profile-field-row>button{width:29px}.profile-branch-count{font-size:10px}.profile-field-selection{padding:17px 16px}}
/* Profile and history share the same outer alignment as the member header. */
.mobile-content.profile-page-content #profile-form{max-width:none;width:100%;margin:0}.profile-page-content>.heading{width:100%;margin-left:0;margin-right:0}.profile-page-content #profile-form>.panel{width:100%;margin-left:0;margin-right:0}.profile-page-content #profile-form>.btn{width:100%}.profile-page-content #profile-form>.panel{padding:28px}.profile-page-content #profile-form .field,.profile-page-content #profile-form .profile-category-picker{min-width:0;max-width:100%}.profile-page-content .profile-category-branch,.profile-page-content .profile-field-row label{min-width:0}.profile-page-content .profile-field-row label span{overflow-wrap:anywhere}.profile-page-content .profile-selected-tags button{max-width:100%;text-align:left;overflow-wrap:anywhere}.profile-page-content #profile-form>section:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:10px}.profile-page-content #profile-form>section:first-child .panel-title{grid-column:1/-1}.profile-page-content #profile-form>section:first-child>label{grid-column:1/-1;margin-top:12px!important;margin-bottom:0}.profile-page-content #profile-form>section:first-child>.field{grid-column:1/-1}.history-page-content{min-width:0}.history-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.history-summary>span:first-child{color:#8d7b50}.history-summary b{margin-left:7px;color:#6f603d}.history-summary>span:last-child{font-size:11px}.mobile-content.history-page-content .cards.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px}.history-grid>.request{display:flex;flex-direction:column;min-width:0;padding:25px}.history-grid .request h3{overflow-wrap:anywhere}.history-grid .request-meta>span{flex-wrap:wrap;row-gap:4px}.history-grid .request-footer{margin-top:auto;padding-top:18px;flex-wrap:wrap;gap:12px}.history-grid .progress{margin-bottom:20px}.history-grid .request-footer .btn{white-space:nowrap}.history-grid .request-topline{flex-wrap:wrap}.history-grid .tag{max-width:100%;overflow-wrap:anywhere}.history-empty{width:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0}.history-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#eef2f6;color:#8e9fb3;margin-bottom:20px}.history-empty h2{font-size:19px;letter-spacing:-.5px;margin:0 0 9px}.history-empty p{font-size:12px;margin-bottom:23px}.history-empty .btn{display:inline-flex;gap:12px}
@media(max-width:850px){.mobile-content.history-page-content .cards.history-grid{grid-template-columns:1fr}.history-grid>.request{padding:24px}.history-grid .request h3{font-size:19px}}
@media(max-width:720px){.profile-page-content #profile-form>.panel{padding:22px}.profile-page-content #profile-form>section:first-child{column-gap:0}.profile-page-content #profile-form>.btn{min-height:48px}.history-summary{gap:5px;padding:13px 15px;margin-bottom:18px;align-items:flex-start;flex-direction:column}.history-summary>span:last-child{font-size:10px}.mobile-content.history-page-content .cards.history-grid{gap:16px}.history-grid>.request{padding:21px}.history-grid .request h3{font-size:18px}.history-grid .request-footer{gap:10px}.history-empty{min-height:300px}.history-empty h2{font-size:18px}}
/* Reading scale: keep supporting text legible on real devices. */
.nav-item{font-size:13px}.subnav{font-size:12px}.heading p{font-size:13px;color:#748398}.stat-top{font-size:13px}.stat small{font-size:11px}.table th{font-size:12px}.table td{font-size:13px}.panel-title .muted{font-size:12px}.rank-info b{font-size:13px}.rank-info small,.rank-score small{font-size:11px}.badge{font-size:11px}.tabs button{font-size:12px}.info-strip{font-size:12px}.search,.field{font-size:14px}.request-category{font-size:11px}.request-meta>span{font-size:12px}.tags .tag{font-size:11px}.request-footer>span{font-size:12px}.request-footer .btn{font-size:12px}.request-footer>button:not(.btn){font-size:12px}.match small{font-size:11px}.sidebar-account-button{font-size:12px}.sidebar-account-person small{font-size:10px}.home-welcome p{font-size:13px}.hero p{font-size:12px}.hero button{font-size:12px}.hero-kicker{font-size:10px}.home-match-condition{font-size:12px}.home-match-condition small{font-size:10px}.home-match-condition button{font-size:11px}.section-heading .muted{font-size:12px}.home-notices .notice b{font-size:13px}.home-notices .notice small{font-size:11px}.notice-label{font-size:10px}.impact-detail span{font-size:11px}.my-impact>p{font-size:11px}.home-value-note p{font-size:11px}.mobile-nav button{font-size:12px}.auth-intro{font-size:13px}.auth-field label{font-size:13px}.auth-field .field{font-size:14px}.auth-options label{font-size:12px}.auth-options button{font-size:11px}.auth-bottom,.auth-bottom button{font-size:12px}.auth-demo b,.auth-demo p,.auth-demo button,.auth-demo button span{font-size:11px}.auth-message>p{font-size:14px}.auth-story-footer p{font-size:11px}.auth-story-footer b{font-size:13px}.auth-error{font-size:12px}.account-demo-note{font-size:11px}.mobile-content .cards:not(.home-request-cards){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1150px){.stat-top{font-size:12px}.stat small{font-size:10px}.hero p{font-size:11px}}
@media(max-width:720px){.nav-item{font-size:11px}.stat-top{font-size:12px}.stat small{font-size:10px}.heading p{font-size:12px}.badge{font-size:10px}.home-welcome p{font-size:12px}.home-welcome h1{font-size:26px}.home-welcome .eyebrow{font-size:10px}.hero{min-height:240px}.hero p{font-size:11px;max-width:225px}.hero h2{font-size:24px}.hero-kicker{font-size:10px}.hero button{font-size:11px}.hero-copy{width:82%}.hero-art{opacity:.55}.home-match-condition{font-size:11px}.home-match-condition small{display:none}.home-match-condition button{font-size:10px}.request-meta>span,.home-request-cards .request-meta>span{font-size:12px}.request-category{font-size:11px}.request-footer .btn{font-size:12px;padding:10px 16px}.home-request-cards .request h3{font-size:18px}.tags .tag{font-size:11px}.match small{font-size:10px}.home-notices .notice b{font-size:13px}.home-notices .notice small{font-size:11px}.impact-detail span{font-size:11px}.mobile-nav button{font-size:10px}.auth-intro{font-size:12px}.auth-field label{font-size:13px}.auth-bottom,.auth-bottom button{font-size:12px}.auth-demo b,.auth-demo p,.auth-demo button,.auth-demo button span{font-size:11px}.mobile-content .cards:not(.home-request-cards){grid-template-columns:1fr}}
/* Shared member header/content alignment */
.mobile-shell{--member-gutter:42px}.mobile-shell>.mobile-top{padding-inline:var(--member-gutter)}.mobile-shell>.mobile-content{padding-inline:var(--member-gutter);min-width:0}.notice-page-content>.heading,.notice-page-content>.panel,.cooperation-page-content>.heading,.cooperation-page-content>.toolbar,.cooperation-page-content>.chips,.cooperation-page-content>.cards{width:100%;max-width:none;min-width:0;margin-left:0;margin-right:0;box-sizing:border-box}.notice-page-content>.panel{margin-bottom:0}.notice-page-content>.panel>.notice{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:18px;align-items:center;min-width:0;padding:23px 0}.notice-page-content>.panel>.notice:first-child{padding-top:5px}.notice-page-content>.panel>.notice:last-child{padding-bottom:5px;border-bottom:0}.notice-page-content .notice>.badge{justify-self:start}.notice-page-content .notice>b{margin:0;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.notice-page-content .notice>small{font-size:11px;color:#98a5b5;white-space:nowrap}.cooperation-page-content>.toolbar{display:flex;align-items:stretch}.cooperation-page-content>.toolbar>.search{width:100%;min-width:0;max-width:100%;flex:1 1 0}.cooperation-page-content>.chips{display:flex;flex-wrap:wrap;gap:8px}.cooperation-page-content>.chips>.chip{font-size:12px;padding:10px 14px;white-space:nowrap}.mobile-content.cooperation-page-content>.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.cooperation-page-content>.cards>.request{min-width:0;display:flex;flex-direction:column}.cooperation-page-content .request h3{overflow-wrap:anywhere}.cooperation-page-content .request-meta>span{flex-wrap:wrap;row-gap:4px}.cooperation-page-content .request-topline,.cooperation-page-content .request-footer{flex-wrap:wrap}.cooperation-page-content .request-footer{margin-top:auto;gap:12px}.cooperation-page-content .request-footer>.btn{white-space:nowrap}.cooperation-page-content .progress{margin-bottom:20px}.cooperation-page-content>.cards>.empty{grid-column:1/-1;width:100%;border:1px solid var(--line);border-radius:14px;background:white;padding:65px 20px}
@media(max-width:1150px){.mobile-shell{--member-gutter:30px}}
@media(max-width:850px){.mobile-content.cooperation-page-content>.cards{grid-template-columns:1fr}.notice-page-content>.panel>.notice{grid-template-columns:70px minmax(0,1fr);column-gap:13px;row-gap:7px}.notice-page-content .notice>small{grid-column:2}}
@media(max-width:720px){.mobile-shell{--member-gutter:22px}.notice-page-content>.panel>.notice{grid-template-columns:1fr;gap:9px;padding:22px 0}.notice-page-content .notice>small{grid-column:1;font-size:11px}.notice-page-content .notice>b{font-size:14px}.cooperation-page-content>.chips{gap:7px}.cooperation-page-content>.chips>.chip{font-size:11px;padding:9px 12px}.mobile-content.cooperation-page-content>.cards{gap:16px}.cooperation-page-content>.cards>.request{padding:21px}}