:root{--container-max:1680px;--background:#f5f7fb;--text:#222}body,html{background:var(--background)}body,html,button,input,textarea,select{font-family:Segoe UI,SegoeUI,Helvetica Neue,Arial,sans-serif}.dashboard-container{background:var(--background);color:var(--text)}body{-webkit-font-smoothing:antialiased}.hero-gradient-bg{position:absolute;left:0;right:0;top:0;height:168px;width:100%;z-index:0;background:linear-gradient(90deg,#8bd7ff8c,#5ab8ff59 60%,#fff0);border-radius:20px;pointer-events:none}.dashboard-main{padding:8px 0 40px;position:relative}.welcome-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:24px 0 12px}.welcome-title{font-size:24px;font-weight:600;color:#242424;margin:0}.welcome-username{font-weight:500;color:#1986c7;margin-left:4px}.search-box-container{display:flex;align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:6px 12px;min-width:360px;max-width:520px;gap:6px}.search-input{border:none;outline:none;font-size:1.05rem;width:100%;background:transparent;padding:6px 8px 6px 0}.search-btn{background:none;border:none;cursor:pointer;padding:5px 8px;color:#1986c7;border-radius:6px}.search-btn:hover{background:#e2f6ff}.logout-btn{margin-left:4px;background:#5a45d8;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:600;cursor:pointer}.logout-btn:hover{background:#4932c5}.hero-row{position:relative;z-index:2;display:flex;gap:10px;margin:0 0 24px;align-items:stretch;min-height:180px}.profile-pane{min-width:340px;max-width:340px}.profile-pane-narrow{min-width:273px!important;max-width:273px!important;margin-right:16px!important}.feature-cards-area{flex:1;display:flex;align-items:stretch;overflow:hidden}.fc-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:16px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.fc-action-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;min-height:180px;box-shadow:0 4px 10px -4px #00000014;scroll-snap-align:start}.fc-action-media{flex:1;background-size:cover;background-position:center;filter:brightness(.92)}.fc-action-content{position:absolute;left:0;right:0;bottom:0;padding:18px 22px 20px;background:linear-gradient(180deg,#0000 20%,#0000008c);color:#fff}.fc-action-title{font-size:1.05rem;font-weight:600;line-height:1.25;margin:0 0 6px;max-width:560px}.fc-action-desc{font-size:.7rem;opacity:.85;margin-bottom:2px}.fc-action-tag{display:inline-block;background:#ffffffd9;color:#333;font-size:.55rem;font-weight:600;padding:4px 10px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}.avatar-fallback{width:60px;height:60px;border-radius:50%;background:#8ab4f8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;text-transform:uppercase}.profile-card{background:#fff;border-radius:18px;padding:18px 18px 20px;display:flex;flex-direction:column;box-shadow:0 4px 10px -4px #00000014}.pc-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.pc-name{font-size:.95rem;font-weight:600}.pc-role{font-size:.7rem;color:#666;font-weight:500}.pc-body{display:flex;flex-direction:column;gap:8px}.pc-row{display:flex;justify-content:space-between;font-size:.65rem;background:#f5f6fa;padding:6px 10px;border-radius:6px}.pc-label{font-weight:600;color:#333}.pc-badge{background:#e5ecff;color:#324d92;font-size:.55rem;padding:3px 8px;border-radius:12px;font-weight:600}.section-card{background:#fff;border-radius:8px;padding:4px 2px 8px;margin-bottom:12px;box-shadow:0 2px 6px #0000000f}.section-card-wrapper{padding:6px 10px 12px}.section-heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#333;margin:0}.see-more{font-size:.6rem;font-weight:600;background:#f1f2f7;padding:6px 12px;border-radius:6px;text-decoration:none;color:#333}.see-more:hover{background:#e4e6ed}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.tool-tile{display:flex;flex-direction:column;align-items:flex-start;background:#101828;color:#fff;padding:14px 14px 46px;border:none;border-radius:8px;position:relative;min-height:170px;cursor:pointer;text-align:left;overflow:hidden;transition:outline .15s,box-shadow .15s}.tool-tile.has-img{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#000}.tool-tile.has-img:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000026,#0000008c)}.tool-tile:not(.has-img):before{content:"";position:absolute;inset:0;background:url(/images/sky.jpg) center/cover;filter:brightness(.55)}.tool-tile .tool-icon{font-size:24px;z-index:2;margin-bottom:6px}.tool-texts{z-index:2}.tool-name{font-size:.72rem;font-weight:600;line-height:1.2;margin-bottom:4px;max-width:150px}.tool-desc{font-size:.55rem;opacity:.85}.tool-tile:hover{outline:2px solid #5a45d8}.app-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:70px 1fr;min-height:100vh;background:#f5f7fb}.top-nav{grid-column:1 / span 2;display:flex;align-items:center;justify-content:space-between;padding:10px 26px 10px 18px;background:#30006f;border:1px solid #30006F;border-radius:4px 4px 0 0;box-shadow:0 1px #0000000a;position:sticky;top:0;z-index:30}.nav-left{display:flex;align-items:center;gap:14px}.nav-user-meta{line-height:1.15}.nav-user-name{font-size:.8rem;font-weight:600;color:#fff}.nav-user-role{font-size:.6rem;color:#fff}.nav-title{margin:0;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.3px}.nav-right{display:flex;align-items:center;gap:12px}.logout-chip{background:#4b0cb5;color:#fff;border:none;padding:10px 22px;border-radius:28px;font-size:.7rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #0000001f}.logout-chip:hover{background:#3a0990}.side-nav{grid-row:2;grid-column:1;background:#fff;border-right:1px solid #e2e3ea;padding:14px 10px 40px;display:flex;flex-direction:column;overflow-y:auto}.side-heading{font-size:.78rem;font-weight:700;color:#2d254a;margin:2px 6px}.side-sub{font-size:.62rem;color:#6a667c;margin:0 6px 10px;line-height:1.2}.side-divider{height:1px;background:#ececf2;margin:0 4px 14px}.side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.side-item{position:relative;width:100%;text-align:left;background:#fff;border:1px solid #e3e4ec;border-radius:8px;padding:14px;display:flex;align-items:flex-start;gap:14px;cursor:pointer;font:inherit;color:#1d1633;transition:background .15s,border-color .15s,box-shadow .15s}.side-item .side-icon{width:36px;height:36px;border-radius:10px;background:#f2f2f6;display:flex;align-items:center;justify-content:center;color:#493985;flex-shrink:0}.side-item:hover{background:#f7f8fb;border-color:#d7d7e2}.side-item.active{background:#f2f5fb;border-color:#5d4aa8;box-shadow:0 0 0 1px #5d4aa8 inset}.side-item.active .side-icon{background:#f2f2f6;color:#493985}.side-texts{display:flex;flex-direction:column;line-height:1.1;margin-right:auto}.side-name{font-size:.72rem;font-weight:600;margin-bottom:4px}.side-desc{font-size:.6rem;color:#68637a}.side-caret{font-size:1rem;line-height:1;color:#796a99;padding-top:4px}.side-active-bar{position:absolute;left:25px;right:25px;bottom:6px;height:3px;border-radius:2px;background:#4a3b86}.app-main{grid-row:2;grid-column:2;position:relative;padding:0 18px 60px}.ideas-shell{max-width:1380px;margin:0 auto 48px;font-family:Segoe UI,SegoeUI,Arial,sans-serif}.ideas-top-strip{width:100%;background:linear-gradient(180deg,#e3f2fb,#d7ecf8 55%,#fff);border:1px solid #d4e3ef;border-radius:0;margin:0 0 18px;box-shadow:0 1px #0000000a}.its-row{display:flex;align-items:center;justify-content:center;position:relative;max-width:1380px;margin:0 auto;padding:10px 16px}.back-btn{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 18px;border-radius:40px;background:#fff;border:1px solid #d6dce2;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #00000014}.back-btn:hover{background:#f5f9fc}.its-title{margin:0;font-size:1rem;font-weight:600;letter-spacing:.3px;color:#111;text-align:center}.browse-hero,.ideas-title{display:none}.idea-tabs{display:flex;gap:0;margin:0 0 22px;background:#fff;border:1px solid #e3e4ea;border-radius:12px;box-shadow:0 1px 4px #0000000d;overflow:hidden}.idea-tab-btn{flex:1;padding:16px 0;font-size:.9rem;font-weight:600;background:none;border:none;color:#222;cursor:pointer;transition:background .18s,color .18s}.idea-tab-btn.active{background:#0078d4;color:#fff;box-shadow:0 2px 6px #00000026}.form-card{background:#fff;border-radius:18px;padding:40px 44px;box-shadow:0 4px 18px -4px #0000001f;border:1px solid #dde2ea}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 40px}.field-label{font-size:.85rem;font-weight:600}input[type=text],textarea,select{font-size:.85rem;padding:12px 14px}textarea{min-height:110px}.btn{font-size:.85rem;padding:12px 28px}.status{font-size:.85rem}.request-list-card{padding:26px 30px 32px}.request-item{padding:18px 18px 10px}.ri-title{font-size:.9rem}.ri-status-badge{font-size:.7rem}.idea-screen{max-width:1400px;margin:18px auto 60px;padding:0 20px}.idea-topbar-gradient{background:linear-gradient(180deg,#e8f5fb,#f6fbff 60%);border:1px solid #d7e9f3;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 1px #0000000a}.idea-back-btn{background:#fff;border:1px solid #d2d7dc;padding:8px 12px;border-radius:18px;cursor:pointer;box-shadow:0 1px 4px #0000000a}.idea-back-btn:hover{background:#f7f9fb}.idea-page-title{margin:0 auto;font-weight:600;color:#1c2733;font-size:1rem}.idea-topbar-spacer{width:160px}.idea-tabs-bar{display:flex;gap:12px;justify-content:center;margin:18px 0}.idea-tab-pill{background:#fff;border:1px solid #e1e6ea;padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:700;color:#6b6f76;min-width:260px;text-align:center}.idea-tab-pill.active{background:#0770d8;color:#fff;box-shadow:0 6px 18px #0770d81f}.idea-form-card{background:#fff;border-radius:10px;border:1px solid #e6eaef;padding:18px;max-width:820px;margin:0 auto;box-shadow:0 6px 18px #0206170d}.idea-form-card.loading-mask{opacity:.6;pointer-events:none}.if-grid{display:flex;flex-direction:column;gap:12px}.if-row,.if-row.two{display:flex;gap:12px}.if-field{flex:1;display:flex;flex-direction:column}.if-field.full{flex:1 1 100%}.if-label{font-size:.72rem;font-weight:700;color:#394049;margin-bottom:6px}.if-label.required:after{content:" *";color:#d43d3d;font-weight:700}.if-field input[type=text],.if-field select,.if-field textarea{border:1px solid #dfe6ea;padding:8px 10px;border-radius:6px;font-size:.88rem;background:#fff}.if-field textarea{min-height:80px;resize:vertical}.if-hint{font-size:.75rem;color:#c0392b;margin-top:6px}.if-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.if-btn{padding:8px 12px;border-radius:6px;border:1px solid #cfd6db;background:#fff;cursor:pointer;font-weight:600}.if-btn.primary{background:#0870d8;color:#fff;border-color:#075ea7}.if-btn.secondary{background:#fff}.if-status{margin-top:8px;padding:8px 10px;border-radius:6px;font-weight:600}.if-status.ok{background:#e6fbf1;color:#0b6b3a}.if-status.err{background:#fff3f3;color:#b72828}.mpr-shell{max-width:820px;margin:0 auto}.mpr-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mpr-head-left{display:flex;gap:10px;align-items:center}.mpr-icon{background:#eef4fb;padding:8px;border-radius:6px}.mpr-head-title{font-weight:700}.mpr-chip{background:#f6f6f9;padding:6px 10px;border-radius:8px;border:1px solid #e5e7ea;cursor:pointer}.mpr-chip.on{background:#e6f7ff;color:#063a68}.mpr-item{background:#fff;border:1px solid #e5e7ea;border-radius:8px;padding:12px;margin-bottom:12px}.mpr-title{font-weight:700}.mpr-progress-bar{background:#eef3f8;height:10px;border-radius:6px;overflow:hidden;margin-top:8px}.mpr-progress-fill{background:linear-gradient(90deg,#2e8bff,#0056d6);height:100%}.mpr-actions-row{display:flex;justify-content:flex-end;margin-top:8px}.mpr-detail-btn{background:#fff;border:1px solid #d6d9dc;padding:6px 10px;border-radius:6px;cursor:pointer}.dashboard-main.new-layout{padding:16px 0 60px;background:transparent}.wb-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1480px;margin:0 auto;padding:8px 12px}.dashboard-main.new-layout .welcome-band{max-width:1480px;margin:0 auto 18px;border-radius:10px;padding:12px 16px;background:linear-gradient(90deg,#def0ff,#f6fbff);box-shadow:0 6px 18px #0c3c640f;border:1px solid rgba(15,76,117,.06)}.welcome-text{font-size:1rem;font-weight:600;color:#1b2b3a}.search-dummy{width:260px}.search-dummy input{padding:8px 34px 8px 10px;border-radius:18px;border:1px solid #e6eef6}.search-icon{right:10px}.top-panels-row{display:grid;grid-template-columns:238px 1246px;gap:18px;max-width:1480px;margin:0 auto 18px;align-items:stretch}.profile-panel{align-self:start;width:238px}.carousel-panel{align-self:stretch;width:1246px}.viva-profile-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 20px #0b233c0f;border:1px solid #e6eef6;height:292px;box-sizing:border-box}.pcm-row{gap:12px}.pcm-name{font-size:.95rem;font-weight:700}.viva-avatar{width:56px;height:56px;font-size:1rem}.pcm-links li{display:flex;gap:10px;align-items:flex-start}.viva-icon{font-size:1.15rem}.viva-feature-carousel{background:transparent;border-radius:12px;padding:0;height:327px;box-sizing:border-box}.viva-feature-track{display:flex;gap:18px;align-items:stretch;height:100%}.viva-feature-slide{height:327px;min-height:327px;border-radius:12px;flex:0 0 48%;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 6px 22px #061e3c0f}.viva-feature-slide.active{transform:translateY(-2px)}.viva-feature-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff4d,#ffffff8c 40%,#00000059)}.viva-feature-content{position:relative;padding:28px;color:#0d1720;max-width:70%}.viva-feature-title{font-size:1.35rem;font-weight:700;color:#0b1b2a}.viva-feature-dots{right:18px;left:auto;bottom:12px}.viva-dot,.viva-dot-active{width:10px;height:10px}.see-all-link{display:none!important}.dashboard-section{background:#fff;border-radius:10px;padding:12px 14px 18px;border:1px solid #eef5fb;box-shadow:0 4px 18px #0a1c2e08;max-width:1200px;margin:12px auto}.ds-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ds-title{font-weight:700;font-size:.85rem;color:#17212b}.tiles-row{display:flex;gap:12px;overflow-x:auto;padding:10px 4px}.tiles-row::-webkit-scrollbar{height:8px}.tiles-row::-webkit-scrollbar-thumb{background:#e0e6ef;border-radius:6px}.tile-card{min-width:160px;width:160px;border-radius:10px;overflow:hidden;border:1px solid #e9f0f7;box-shadow:0 6px 16px #061e3c0a;background:#fff}.tile-img{height:100px;background-size:cover;background-position:center}.tile-body{padding:10px;min-height:90px;display:flex;flex-direction:column;gap:8px}.tile-name{font-weight:700;font-size:.82rem}.tile-desc{font-size:.72rem;color:#56606c}.tile-footer{padding:8px;display:flex;justify-content:flex-end}.tile-open-btn{background:#fff;border:1px solid #d6e6fb;color:#0b6ef2;padding:6px 8px;border-radius:8px;font-weight:700;cursor:pointer}.tile-open-btn:hover{background:#f0f8ff}.powerbi-card{min-width:200px;width:200px;border-radius:10px;overflow:hidden;margin:6px 0}.dashboard-section+.dashboard-section{margin-top:10px}.idea-topbar-gradient{max-width:1150px;margin:0 auto 14px}.idea-tabs-bar{max-width:1150px;margin:18px auto}.idea-form-card,.mpr-shell.mpr-v2{max-width:1150px}@media (max-width:1500px){.top-panels-row{grid-template-columns:238px 1fr;max-width:1200px}.carousel-panel{width:auto}}@media (max-width:1000px){.viva-feature-slide{flex:0 0 100%}.top-panels-row{grid-template-columns:1fr}.profile-panel{order:2}.carousel-panel{order:1}.wb-inner{padding:8px}.dashboard-section{margin:8px}}.mpr-shell.mpr-v2{background:#fff;border:1px solid #e4e8ed;border-radius:4px 4px 8px 8px;box-shadow:0 1px 2px #0000000a;padding:0 0 26px}.mpr-header.new{background:linear-gradient(180deg,#f4f8fc,#eef3f8 60%,#fff);padding:16px 24px 18px;border-bottom:1px solid #e4e8ed;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;gap:14px}.mpr-head-bullet{width:10px;height:10px;border-radius:3px;background:#1d65c1;box-shadow:0 0 0 4px #1d65c126;margin-top:4px;flex-shrink:0}.mpr-head-title{font-size:.8rem;font-weight:600;color:#17293c;margin:0 0 4px}.mpr-head-sub{font-size:.6rem;color:#5d6772;max-width:560px;line-height:1.25}.mpr-count-row{font-size:.6rem;font-weight:600;padding:14px 32px 4px;color:#3b4650}.mpr-item.card-v2{position:relative;margin:0 32px 18px;background:#fff;border:1px solid #dfe3e9;border-radius:4px;padding:14px 16px 12px;box-shadow:0 1px 2px #0000000a;font-size:.6rem;line-height:1.25}.mpr-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.mpr-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mpr-title-icon{font-size:.75rem;line-height:1;opacity:.85}.mpr-title-text{font-size:.63rem;font-weight:600;color:#162b3d}.mpr-badge.new{background:#f5f6fa;border:1px solid #d9dde5;color:#2a3e55;padding:3px 6px;font-size:.46rem;border-radius:4px;font-weight:600;letter-spacing:.3px}.mpr-status-badge{background:#f4edfd;border:1px solid #e5d9f7;color:#5e2d94;font-size:.46rem;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap}.mpr-challenge{font-size:.54rem;color:#243746;margin:4px 0 6px}.mpr-challenge .lbl{font-weight:600;color:#172a3b;margin-right:2px}.mpr-meta-row{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 6px;font-size:.48rem;color:#566575}.mpr-meta .icon{margin-right:4px}.mpr-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.mpr-tag{background:#f0f4f8;color:#2c475f;padding:4px 8px;border-radius:12px;font-size:.46rem;font-weight:600;line-height:1;display:inline-flex;align-items:center;gap:4px}.mpr-tag.cost{background:#ecf8f1;color:#0f5a33}.mpr-tag.time{background:#eef7ff;color:#0d4e8c}.mpr-tag.cat{background:#f6effe;color:#4c257a}.mpr-separator{height:1px;background:#e7ecf1;margin:8px 0 10px;border:none}.mpr-separator.mini{margin:8px 0;background:linear-gradient(90deg,#e7ecf1,#f7f9fb)}.mpr-sec-line{display:flex;align-items:flex-start;gap:8px;margin-bottom:2px}.mpr-sec-ico{width:14px;text-align:center;font-size:.6rem;line-height:1;opacity:.85;margin-top:2px}.mpr-sec-ico.warn{color:#b05800}.mpr-sec-col{flex:1;min-width:0}.mpr-sec-label{font-size:.48rem;font-weight:600;color:#142f44;margin:0 0 2px;display:flex;align-items:center;gap:4px}.mpr-sec-value{font-size:.48rem;color:#344a5c;line-height:1.35;word-break:break-word}.mpr-sec-value a{color:#0d62b5;text-decoration:none}.mpr-sec-value a:hover{text-decoration:underline}.mpr-progress-block.v2{margin-top:0;padding-top:2px}.mpr-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px}.mpr-progress-label{font-size:.5rem;font-weight:600;color:#173750;display:flex;align-items:center;gap:4px}.mpr-progress-label .sub{font-weight:500;color:#607180;margin-left:2px}.mpr-refresh-btn{background:#fff;border:1px solid #d5dee6;font-size:.46rem;font-weight:600;padding:5px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:#1c4d74}.mpr-refresh-btn:hover{background:#f2f7fb}.mpr-progress-sub-row{font-size:.48rem;font-weight:600;color:#1b3d5a;margin:0 0 4px}.mpr-progress-bar.thin{height:6px;border-radius:3px;background:#e2e8ef;overflow:hidden;position:relative}.mpr-progress-bar.thin .mpr-progress-fill{background:linear-gradient(90deg,#0d61b2,#004c96);height:100%}.mpr-progress-meta{font-size:.44rem;color:#667686;margin-top:6px}.mpr-progress-meta .dot{margin:0 6px;opacity:.45}.mpr-inline-status{text-transform:capitalize;color:#364f6a;font-weight:600}.mpr-actions-row{margin-top:10px;display:flex;justify-content:flex-start}.mpr-detail-btn{font-size:.46rem;font-weight:600;padding:6px 10px;border-radius:4px;border:1px solid #d5dee6;background:#fff;cursor:pointer;color:#1a466b}.mpr-detail-btn:hover{background:#f3f8fb}.mpr-empty{margin:40px 32px;font-size:.56rem;color:#3b4a57}body,html,#root{background:#f1f5fb}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:#fff;width:430px;max-width:100%;border:1px solid #e7e6ea;border-radius:18px;padding:2.25rem 2.1rem 2.75rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 4px 16px -4px #1c192d0a,0 2px 6px -2px #1c192d0f}.login-header{text-align:center;margin-bottom:1.75rem}.login-header h1{font-size:1.9rem;margin:0 0 .4rem;font-weight:700;color:#281e4d}.login-header p{margin:0;font-size:.85rem;color:#463f64}.login-form{display:flex;flex-direction:column;gap:1.35rem}.form-group label{display:block;font-size:.78rem;font-weight:600;margin-bottom:.45rem;color:#2a2545;letter-spacing:.3px}.form-group input{width:100%;font-size:.9rem;padding:.75rem .85rem;border:1px solid #d5d4da;border-radius:4px;background:#fff;color:#262236;line-height:1.2;transition:border-color .15s,box-shadow .15s}.form-group input:focus{outline:none;border-color:#7a5af8;box-shadow:0 0 0 3px #7a5af840}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:2.2rem}.icon-btn{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;cursor:pointer;color:#4b4b57}.icon-btn:hover{background:#f1f0f5}.forgot-line{text-align:right;margin-top:.35rem}.forgot-link{font-size:.7rem;color:#1d3fa8;text-decoration:none;font-weight:600}.forgot-link:hover{text-decoration:underline}.roles-section{margin-top:.25rem}.roles-title{font-size:.74rem;font-weight:600;color:#2a2545;margin:0 0 .65rem;letter-spacing:.4px}.role-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.role-item{width:100%;text-align:left;background:#fff;border:1px solid #ececf1;border-radius:6px;padding:.85rem .95rem .8rem;display:flex;gap:.85rem;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.role-item:hover{border-color:#d6d6dc;background:#fafafa}.role-item.selected{border-color:#7a5af8;box-shadow:0 0 0 3px #7a5af840}.role-item.selected .role-name{color:#402c85}.role-icon{display:flex;align-items:flex-start;padding-top:.15rem;color:#43398e}.role-texts{display:flex;flex-direction:column;line-height:1.1}.role-name{font-size:.83rem;font-weight:600;color:#2c2942;margin-bottom:.3rem}.role-desc{font-size:.64rem;color:#5e5a72;font-weight:400}.login-btn{width:100%;padding:.95rem 1rem;border:none;border-radius:6px;background:#5746d6;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s,box-shadow .2s}.login-btn:disabled{background:#e7e6ea;color:#c2c1c6;cursor:not-allowed}.login-btn:not(:disabled):hover{background:#4536b2}.login-btn:not(:disabled):active{background:#3a2d97}.sso-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 32px}.sso-card{width:350px;height:350px;max-width:100%;background:#fff;border-radius:16px;padding:32px 36px 40px;box-shadow:0 8px 28px -6px #24365e2e,0 4px 12px -4px #24365e1f;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.sso-title{margin:0 0 16px;font-size:20px;font-weight:600;letter-spacing:.25px;color:#0f172a}.sso-icon{width:110px;height:110px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px -6px #1d4ed859}.sso-desc{margin:0 0 20px;font-size:13px;line-height:1.4;color:#475569}.sso-btn{width:100%;background:#0d56eb;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;padding:12px 16px;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 14px -4px #0d56eb66;transition:background .18s,box-shadow .18s,transform .18s}.sso-btn:hover{background:#0b4dd4;box-shadow:0 6px 18px -6px #0d56eb73}.sso-btn:active{background:#0a46c0;transform:translateY(1px)}.sso-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.sso-error{margin:-12px 0 16px;font-size:12px;color:#dc2626}@media (max-width:640px){.sso-card{width:100%;height:auto;padding:36px 28px 40px}.sso-title{font-size:19px}.sso-icon{width:100px;height:100px;margin-bottom:18px}}