:root{--blue:#0877fa;--ink:#0b1428;--muted:#657b9e;--line:#e2eaf5;--soft:#edf6ff;--sidebar:#f8fbff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fbfdff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.shell,.sidebar{display:flex;min-height:100vh}.sidebar{width:260px;flex:0 0 260px;border-right:1px solid #e5edf7;background:linear-gradient(145deg,#f9fcff,#f4f9ff 80%,#fff);position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:22px 15px;z-index:10}.brand,.sidebar{flex-direction:column}.brand{display:flex;gap:4px;padding:0 23px 30px}.logo{font-size:34px;font-weight:800;letter-spacing:-1.4px;color:#071122}.logo>span{color:#0780ff}.brand>span:last-child{font-size:18px;color:var(--muted)}.sidebar nav{display:grid;grid-gap:8px;gap:8px}.nav-link,.side-bottom button{width:100%;display:flex;align-items:center;gap:22px;text-align:left;border:0;background:transparent;color:#526b91;padding:16px 19px;border-radius:11px;font-size:17px}.nav-link.active{background:#e8f3ff;color:#0075ff;font-weight:600}.nav-link:hover,.side-bottom button:hover{background:#edf5ff}.side-bottom{margin-top:auto;display:grid;grid-gap:6px;gap:6px}.main-area{min-width:0;flex:1 1}.topbar{height:70px;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;padding:0 30px}.org,.topbar{display:flex;align-items:center}.org{border:0;background:transparent;color:#38547d;gap:15px;font-size:16px}.top-actions{display:flex;align-items:center;height:100%;gap:24px}.bell{position:relative;border:0;background:transparent;color:#587096;padding:9px}.bell i{position:absolute;width:10px;height:10px;border-radius:50%;background:#1686ff;right:7px;top:6px}.profile{height:100%;display:flex;gap:12px;align-items:center;background:none;border:0;border-left:1px solid var(--line);padding-left:25px;color:#152036}.profile>span:nth-child(2){display:flex;flex-direction:column;gap:5px;align-items:flex-start;font-size:15px}.profile small{color:var(--muted);font-size:14px}.avatar{display:grid;place-items:center;border-radius:50%;height:42px;width:42px;background:#e4edf9;color:#2b5386;font-weight:700}.content{max-width:1550px;margin:auto;padding:22px 30px 20px;min-height:calc(100vh - 70px);display:flex;flex-direction:column}.content h1{margin:0;font-size:38px;letter-spacing:-1px;line-height:1.2}.content p{color:var(--muted);margin:4px 0 0;font-size:17px}.breadcrumb{display:flex;align-items:center;gap:8px;color:#63799c;font-size:14px;margin-bottom:14px}.breadcrumb button{background:transparent;border:0;color:inherit;padding:0}.page-heading{margin-bottom:18px}.page-title-row{justify-content:space-between;gap:20px;margin-bottom:22px}.page-title-row,.search-box{display:flex;align-items:center}.search-box{height:46px;gap:10px;color:#6c84a8;border:1px solid #d6e3f2;border-radius:10px;background:white;padding:0 14px;min-width:260px}.search-box input{min-width:0;width:100%;border:0;outline:none;color:#243959;background:transparent}.search-box input::placeholder{color:#8a9db7}.entry-list{display:grid;grid-gap:10px;gap:10px}.entry-row{display:flex;align-items:center;gap:24px;min-height:78px;width:100%;padding:10px 20px;border:1px solid #e1eaf5;background:#fff;border-radius:12px;text-align:left;color:inherit}.entry-row:hover{border-color:#a9d2ff;background:#fbfdff}.entry-icon,.group-icon,.mini-icon{flex:0 0 auto;display:grid;place-items:center;color:#087cff;background:#eaf5ff;border-radius:12px}.entry-icon{width:66px;height:58px}.entry-copy,.item-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.entry-copy b{font-size:18px}.entry-copy small,.item-copy small{color:var(--muted);font-size:15px}.row-chevron{margin-left:auto;color:#5d789f;flex-shrink:0}.open-button{margin-left:auto;display:flex;align-items:center;gap:10px;background:#eaf4ff;color:#0076ff;border:0;border-radius:9px;padding:13px 15px;font-weight:600}.registry-list{gap:8px}.registry-list .entry-row{min-height:70px;padding:5px 16px}.registry-list .entry-icon{width:68px;height:58px}.request-groups{display:grid;grid-gap:12px;gap:12px;max-width:1060px}.request-group{background:#f1f8ff;border:1px solid #e1efff;border-radius:12px;padding:12px 15px 10px}.group-heading{display:flex;align-items:center;gap:16px;margin-bottom:8px}.group-icon{width:57px;height:57px}.group-heading h2{margin:0;font-size:19px}.group-heading p{font-size:14px}.group-items{background:white;border-radius:11px;padding:0 14px}.request-item{display:flex;align-items:center;gap:18px;width:100%;min-height:52px;background:transparent;border:0;border-bottom:1px solid #e6edf6;text-align:left;padding:5px 0;color:inherit}.request-item:last-child{border-bottom:0}.request-item:hover .item-copy b{color:var(--blue)}.request-item>svg{margin-left:auto;color:#5b759b}.mini-icon{width:39px;height:39px;border-radius:9px}.item-copy b{font-size:14px}.item-copy small{font-size:13px}.home-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0 22px}.home-heading h1{font-size:44px}.home-heading p{font-size:21px}.today{font-size:15px;color:#526b90;line-height:1.6}.today span{font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:22px}.feature{position:relative;min-height:235px;display:flex;flex-direction:column;text-align:left;border-radius:15px;border:1px solid #e3edf7;padding:22px 23px;color:#0c1728;box-shadow:0 4px 12px #e5effa30}.feature b{font-size:23px;margin:12px 0 6px}.feature-desc{color:#667b9d;line-height:1.5;font-size:16px;max-width:230px}.feature-icon{width:73px;height:73px;border-radius:17px;display:grid;place-items:center;background:#dcecff}.feature-arrow{position:absolute;right:19px;bottom:18px;background:white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.f-blue{background:linear-gradient(145deg,#f8fcff,#e9f5ff);color:#007bff}.f-green{background:linear-gradient(145deg,#fff,#ebfcf5);color:#06b96c}.f-yellow{background:linear-gradient(145deg,#fff,#fff8eb);color:#ed9800}.f-purple{background:linear-gradient(145deg,#fff,#f4f0ff);color:#7857ff}.feature b{color:#111a2a}.f-green .feature-icon{background:#dcf7eb}.f-yellow .feature-icon{background:#fff0cf}.f-purple .feature-icon{background:#eae3ff}.card{background:white;border:1px solid #e1eaf5;border-radius:14px}.recent{padding:22px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2{font-size:22px;margin:0}.text-link{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#007aff}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#f5f9fe;color:#647a9b;font-weight:500;font-size:14px;padding:14px 15px}th:first-child{border-radius:9px 0 0 9px}th:last-child{border-radius:0 9px 9px 0}td{padding:13px 15px;border-bottom:1px solid #e7edf5;color:#283c5e;font-size:15px}tbody tr:last-child td{border-bottom:0}.status{display:inline-block;border-radius:9px;padding:8px 13px;font-size:14px;font-weight:500}.status.green{background:#e5f9ec;color:#07983f}.status.blue{background:#eaf4ff;color:#0075f8}.status.orange{background:#fff4e4;color:#ef8d00}.status.red{background:#ffecef;color:#e62c3b}.status.gray{background:#f0f3f8;color:#54647e}.icon-button{border:0;background:transparent;color:#5e7699;padding:5px}.mine-heading{margin-bottom:23px}.primary-button{border:0;background:#086aff;color:white;border-radius:10px;gap:14px;padding:17px 18px}.filters-row,.primary-button{display:flex;align-items:center}.filters-row{gap:22px;margin-bottom:16px}.tabs{border:1px solid #e1eaf5;border-radius:10px;gap:2px;padding:5px 9px;flex:1 1;min-width:0;overflow-x:auto}.tabs,.tabs button{display:flex;align-items:center}.tabs button{white-space:nowrap;gap:9px;border:0;background:transparent;color:#385075;padding:13px 11px;position:relative}.tabs button.selected{color:#0077ff;font-weight:600}.tabs button.selected:after{content:"";position:absolute;height:3px;background:#0077ff;bottom:-5px;left:0;right:0}.count{background:#e9edf5;border-radius:20px;padding:3px 9px}.count-0{background:#8ab9ff;color:white}.count-2{background:#e2f9e9;color:#00a348}.count-4{background:#ffe8eb;color:#e53a49}.mine-search{display:flex;gap:10px}.mine-search .search-box{min-width:220px}.filter-button{border:1px solid #e1eaf5;background:#fff;border-radius:10px;color:#58729c;padding:0 14px}.mine-table td,.mine-table th{padding:12px 18px}.mine-table .type-cell{display:flex;align-items:center;gap:17px}.type-icon{display:grid;place-items:center;background:#eef5ff;color:#087cff;width:39px;height:39px;border-radius:9px}.sort-button{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:8px}.empty{padding:30px;text-align:center}footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:45px;color:#607597;line-height:1.7;font-size:14px}footer span:last-child{text-align:right}footer small{font-size:13px}.toast{position:fixed;bottom:25px;right:25px;z-index:30;max-width:440px;display:flex;align-items:center;gap:12px;background:#153257;color:white;padding:16px;border-radius:12px;box-shadow:0 10px 30px #1a355044;font-size:14px}.toast button{border:0;background:transparent;color:white}.hamburger{display:none;border:0;background:none;color:#38547d}.login-screen{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(90deg,#fff,#fff 60%,#eff8ff 0,#f4faff)}.login-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:65px 6.2%}.login-top .logo{font-size:42px}.login-top>span{display:flex;align-items:center;gap:12px;color:#3b5274}.login-left{position:relative;z-index:2;margin:75px 0 0 6.2%;max-width:490px}.login-left h1{font-size:46px;line-height:1.08;letter-spacing:-1.2px;margin:0 0 60px}.login-left h1 em{font-style:normal;color:#0877fa}.login-features{display:grid;grid-gap:28px;gap:28px}.login-features>div{display:flex;gap:23px;align-items:center}.login-features svg{width:64px;height:64px;padding:18px;border-radius:14px;background:#f0f7fc}.login-features span{display:flex;flex-direction:column;gap:5px}.login-features b{font-size:18px}.login-features small{color:#7285a4;font-size:15px}.login-art{position:absolute;inset:0 0 0 60%;background:linear-gradient(135deg,#edf7ff,#d6ecff);overflow:hidden}.art-circle{position:absolute;width:700px;height:700px;border-radius:50%;background:#c9e5ff;top:30%;left:-30%}.art-circle.second{width:640px;height:640px;top:65%;left:25%;background:#eaf7ff}.art-dots{position:absolute;right:10%;top:40%;color:#8bc3ff;letter-spacing:17px;line-height:30px;font-size:26px}.login-card{position:absolute;z-index:3;left:38%;top:22%;width:520px;min-height:550px;border:1px solid #edf2fa;border-radius:17px;background:#ffffffed;box-shadow:0 20px 60px #9cb9d61f;display:flex;align-items:center;flex-direction:column;padding:85px 45px 40px}.login-card .logo{font-size:46px}.login-card h2{font-size:22px;margin:42px 0 12px;font-weight:500;text-align:center}.login-card p{text-align:center;color:#6b80a3;line-height:1.6;margin:0}.google-button{width:100%;height:70px;margin:52px 0 36px;border:1px solid #b8c8e0;background:white;border-radius:10px;font-size:20px;display:flex;align-items:center;justify-content:center;gap:24px}.google-button:hover{border-color:#0877fa}.google-g{font-size:40px;font-weight:800;font-family:Arial,sans-serif;color:#4285f4}.login-card>small{text-align:center;color:#8292ab;line-height:1.5}.demo-label{font-size:11px;color:#8399b4;margin-top:18px}.login-footer{position:absolute;bottom:55px;left:6.2%;color:#8595b0;font-size:14px}@media(max-width:1200px){.sidebar{width:220px;flex-basis:220px}.content{padding:22px}.feature-grid{gap:10px}.feature{padding:16px;min-height:235px}.feature b{font-size:20px}.feature-desc{font-size:14px}.filters-row{flex-direction:column;align-items:stretch}.login-card{left:45%;width:46%}.login-left h1{font-size:36px}.login-left{max-width:40%}}@media(max-width:800px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s;width:255px}.sidebar.open{transform:translateX(0)}.scrim{position:fixed;inset:0;background:#10233b60;z-index:9;border:0}.hamburger{display:block}.topbar{padding:0 15px}.profile>span:nth-child(2){display:none}.content{padding:20px 15px}.content h1{font-size:30px}.home-heading h1{font-size:32px}.today{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title-row{align-items:stretch;flex-direction:column}.search-box{min-width:0}.entry-row{gap:12px;padding:10px}.entry-icon{width:50px;height:50px}.entry-copy b{font-size:16px}.entry-copy small,.open-button{font-size:13px}.open-button{padding:10px}.login-screen{min-height:100vh;padding-bottom:70px}.login-top{padding:24px}.login-top .logo{font-size:34px}.login-left{margin:30px 24px 0;max-width:none}.login-left h1{font-size:31px;margin-bottom:25px}.login-features{gap:12px}.login-features svg{width:48px;height:48px;padding:12px}.login-features small{font-size:12px}.login-art{opacity:.35;inset:0 0 0 30%}.login-card{position:relative;left:auto;top:auto;width:calc(100% - 48px);margin:35px 24px 0;min-height:auto;padding:35px 25px}.login-card h2{margin-top:22px}.google-button{margin:26px 0}.login-footer{position:relative;left:auto;bottom:auto;margin:24px}.mine-table{max-width:100%}}@media(max-width:480px){.feature-grid{grid-template-columns:1fr 1fr}.feature{min-height:200px;padding:12px}.feature-icon{width:52px;height:52px}.feature-icon svg{width:28px}.feature-arrow{width:35px;height:35px;right:9px;bottom:9px}.feature b{font-size:17px}.feature-desc{font-size:12px}.entry-copy small{display:none}.registry-list .entry-icon{width:43px;height:43px}.registry-list .entry-row{min-height:60px}.open-button{padding:9px 7px}.group-heading h2{font-size:17px}footer{font-size:11px}footer small{font-size:10px}}@media (min-width:801px){.login-screen{height:100dvh;min-height:620px;overflow:hidden;background:linear-gradient(90deg,#fff,#fff 50%,#eaf5ff 0,#eaf5ff)}.login-top{position:absolute;top:0;left:0;right:0;padding:clamp(20px,4vh,42px) 6.2%}.login-art{inset:0 0 0 50%;background:transparent;pointer-events:none}.login-left{position:absolute;top:50%;left:calc(50% - 465px);margin:0;width:min(460px,37vw);max-width:none;transform:translateY(-50%)}.login-left h1{font-size:clamp(29px,2.8vw,46px);margin-bottom:clamp(20px,4vh,44px)}.login-features{gap:clamp(10px,2.5vh,24px)}.login-features svg{width:clamp(44px,5.5vh,64px);height:clamp(44px,5.5vh,64px);padding:clamp(11px,1.6vh,18px)}.login-card{position:absolute;top:50%;left:calc(50% - 55px);width:min(490px,43vw);min-height:0;height:auto;max-height:calc(100dvh - 90px);transform:translateY(-50%);padding:clamp(25px,5vh,60px) clamp(24px,3vw,45px) clamp(22px,3vh,35px)}.login-card h2{margin:clamp(18px,3.5vh,36px) 0 12px}.google-button{height:clamp(52px,7vh,68px);margin:clamp(20px,4vh,42px) 0 clamp(18px,3vh,30px)}.login-footer{bottom:clamp(14px,3vh,35px)}}@media (min-width:801px) and (max-width:1100px){.login-left h1{font-size:clamp(27px,3.1vw,35px)}.login-features>div{gap:12px}.login-features b{font-size:16px}.login-features small{font-size:12px}.login-card .logo{font-size:36px}.login-card h2{font-size:18px}.google-button{font-size:16px;gap:10px}}.google-button{background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.16);color:#5f6368;font-weight:600;gap:20px;transition:box-shadow .2s ease,background .2s ease}.google-button:hover{background:#f8fafd;border-color:#dadce0;box-shadow:0 3px 9px rgba(0,0,0,.2)}.google-mark{flex:0 0 auto}