/* Pagadi 1.0 — polished, responsive product shell; complements existing screen layouts */
:root{--pg100-ink:#1e293b;--pg100-muted:#758298;--pg100-blue:#3159d9;--pg100-border:#e5eaf2;--pg100-page:#f6f8fc;--pg100-shadow:0 12px 38px rgba(28,40,72,.055)}
.app-body{background:var(--pg100-page);color:var(--pg100-ink)}
.app-shell{min-height:100vh}
.app-body .sidebar{background:#fff;border-right:1px solid var(--pg100-border);display:flex;flex-direction:column;z-index:31;box-shadow:none}
.app-body .sidebar-top{padding:29px 24px 27px;align-items:center;gap:12px;flex:0 0 auto}
.sidebar-version{margin-left:auto;white-space:nowrap;color:#98a5b7;font-size:10px;background:#f3f5f9;padding:4px 7px;border-radius:5px}
.pg100-sidebar-close{display:none;border:0;background:transparent;font-size:23px;color:#728096}
.pg100-sidebar-label{padding:5px 23px 9px;font-size:9px;letter-spacing:.15em;font-weight:800;color:#a1acc0}
.app-body .nav{flex:1;min-height:0;padding:5px 11px 22px;overflow:auto;gap:3px}
.app-body .nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;font-size:12px;color:#69758b;font-weight:630;min-height:43px;transition:background .17s,color .17s,transform .17s}
.app-body .nav-link:hover{background:#f3f6fc;color:#25395f;transform:translateX(2px)}
.app-body .nav-link.active{color:#2448b2;background:#ebf0ff;font-weight:800}
.app-body .nav-link.active::after{content:'';width:4px;height:17px;border-radius:5px;background:#3159d9;margin-left:auto}
.app-body .nav-glyph{width:21px;height:21px;display:grid;place-items:center;flex-shrink:0;font-size:0;color:inherit}
.app-body .nav-glyph svg{width:19px;height:19px}
.pg100-sidebar-account{border-top:1px solid #edf0f5;margin-top:auto;display:flex;align-items:center;gap:10px;padding:18px 19px;min-height:80px}
.pg100-sidebar-account .avatar,.pg100-profile-trigger .avatar{width:36px;height:36px;border-radius:11px;background:#dfe8ff;color:#2448a7;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.pg100-sidebar-account>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}
.pg100-sidebar-account strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg100-sidebar-account small{font-size:10px;color:#8c9aae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg100-sidebar-account>svg{width:16px;color:#aab4c3;flex:none}
.app-body .topbar{height:75px;background:#fff;border-bottom:1px solid var(--pg100-border);padding:0 clamp(18px,2.6vw,36px);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:16}
.pg100-topbar-start{display:flex;align-items:center;min-width:0;gap:10px}
.pg100-route-info{display:grid;gap:3px;min-width:0}
.pg100-top-eyebrow{font-size:9px;letter-spacing:.13em;color:#9da9b9;font-weight:750}
.app-body .topbar-title{font-size:15px;letter-spacing:-.02em;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-body .topbar-actions{display:flex;align-items:center;gap:9px;flex:none}
.pg100-search-trigger{border:1px solid #e8edf4;background:#f8fafd;border-radius:11px;color:#8c97aa;display:flex;align-items:center;gap:10px;height:36px;width:230px;padding:0 10px;text-align:left;font-size:11px;cursor:pointer}
.pg100-search-trigger .pg100-search-icon{font-size:24px;color:#687994;line-height:1}
.pg100-search-trigger>span:nth-child(2){flex:1}
.pg100-search-trigger kbd{border:1px solid #e2e7f0;border-radius:5px;padding:3px 5px;font-size:10px;background:#fff;color:#97a1af}
.pg100-header-action{display:grid;place-items:center;width:37px;height:37px;border:1px solid #edf0f5;border-radius:11px;background:#fff;color:#55647e;font-size:23px;cursor:pointer;position:relative;list-style:none}
.pg100-header-action svg{width:19px;height:19px}
.pg100-header-action:hover,.pg100-profile-trigger:hover{background:#f7f9fd;border-color:#dce4f1}
.pg100-bell-count{position:absolute;top:-5px;right:-4px;background:#eb525f;color:white;border-radius:30px;font-size:9px;font-weight:800;min-width:17px;height:17px;display:grid;place-items:center;padding:0 3px;box-shadow:0 0 0 2px white}
.pg100-bell-count[hidden]{display:none}
.pg100-top-menu{position:relative;z-index:22}
.pg100-top-menu summary::-webkit-details-marker{display:none}
.pg100-profile-trigger{display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:11px;list-style:none;border:1px solid #eef0f5;padding:4px 9px 4px 4px;font-size:11px;font-weight:700;white-space:nowrap}
.pg100-profile-trigger .avatar{height:29px;width:29px;border-radius:8px;font-size:12px}
.pg100-top-popover{position:absolute;right:0;top:calc(100% + 11px);min-width:226px;box-shadow:0 22px 50px rgba(24,37,59,.16);border:1px solid #e8edf3;border-radius:14px;background:#fff;padding:9px;z-index:39;animation:pg100-show .18s ease both}
.pg100-top-popover b{display:block;font-size:11px;padding:11px;color:#8a97aa}
.pg100-top-popover a,.pg100-top-popover button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:transparent;border-radius:7px;padding:11px 12px;font-size:12px;font-weight:600;color:#526076;cursor:pointer}
.pg100-top-popover a:hover,.pg100-top-popover button:hover{background:#f4f7fc;color:#2546a9}
.pg100-top-popover a span,.pg100-top-popover button span{font-size:12px;color:#b3bed0}
.app-body .main-content{max-width:1640px;padding:clamp(19px,2.7vw,36px);padding-bottom:65px}
.app-body .panel{box-shadow:0 3px 15px rgba(20,38,70,.025);border-radius:13px;border:1px solid #e7eaf1}
.app-body .kpi-card{border-radius:12px}
.app-body .btn{border-radius:9px;transition:transform .16s,box-shadow .16s,background .16s,border .16s}
.app-body .btn:hover:not(:disabled){transform:translateY(-1px)}
.app-body .btn-primary{background:#1e2634;border-color:#1e2634;color:white}
.app-body .btn-primary:hover{background:#354963;border-color:#354963;box-shadow:0 6px 15px #25375424}
.app-body input,.app-body select,.app-body textarea{max-width:100%}
.app-body .page-header{gap:16px}
.app-body .data-table tr,.app-body .bcs-data-table tr{transition:background .15s}
.app-body .data-table tbody tr:hover,.app-body .bcs-data-table tbody tr:hover{background:#f7faff}
.app-body .notice{position:relative;animation:pg100-fade .25s ease both}
.pg100-flash{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pg100-flash button{border:0;background:none;font-size:21px;color:inherit;opacity:.65;cursor:pointer}
.pg100-bottom-nav{display:none}
.pg100-drawer-backdrop{position:fixed;inset:0;background:rgba(17,31,57,.45);z-index:69;backdrop-filter:blur(3px);opacity:0;transition:opacity .23s}
.pg100-drawer-backdrop[hidden]{display:none}
.pg100-drawer-backdrop.is-open{opacity:1}
.pg100-drawer{position:fixed;top:0;bottom:0;right:0;width:min(440px,100vw);background:#fff;z-index:70;box-shadow:-24px 0 90px rgba(15,30,55,.17);transform:translateX(110%);visibility:hidden;transition:transform .28s cubic-bezier(.25,.78,.28,1),visibility .28s;display:flex;flex-direction:column}
.pg100-drawer.is-open{transform:translateX(0);visibility:visible}
.pg100-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:30px 25px 19px;border-bottom:1px solid #ebeff5}
.pg100-drawer-head h2{font-size:23px;margin:5px 0 0;letter-spacing:-.05em}
.pg100-drawer-close{border:0;background:#f4f6fa;border-radius:10px;height:36px;width:36px;font-size:24px;color:#66748a;cursor:pointer}
.pg100-notification-items{padding:10px 15px;overflow:auto;flex:1;overscroll-behavior:contain}
.pg100-drawer-loading{text-align:center;padding:65px 15px;color:#8a95a7;font-size:13px}
.pg100-notice-item{display:flex;gap:12px;padding:16px 12px;margin:5px 0;border-radius:12px;border:1px solid transparent;position:relative}
.pg100-notice-item.is-unread{background:#f2f6ff;border-color:#e2eafe}
.pg100-notice-marker{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#e6edff;color:#4463b8;font-size:12px;flex:none}
.pg100-notice-content{min-width:0;flex:1}
.pg100-notice-content strong{display:block;font-size:12px;color:#253249;line-height:1.5}
.pg100-notice-content p{font-size:11px;color:#737f93;line-height:1.6;margin:5px 0}
.pg100-notice-content small{color:#9da8b7;font-size:10px}
.pg100-notice-content a{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;color:#3459cf}
.pg100-drawer-bottom{display:grid;gap:9px;padding:16px 24px max(20px,env(safe-area-inset-bottom));border-top:1px solid #ebeff5;text-align:center}
.pg100-drawer-bottom>.btn{width:100%}
.pg100-text-button{border:0;background:none;color:#63748b;font-size:11px;font-weight:650;cursor:pointer}
.pg100-command{position:fixed;inset:12vh auto auto;width:min(570px,calc(100vw - 26px));margin:0 auto;padding:0;background:white;color:#21304a;border:1px solid #e6eaf2;border-radius:17px;box-shadow:0 30px 90px rgba(11,27,59,.23);max-height:72vh;overflow:hidden}
.pg100-command::backdrop{background:rgba(12,23,46,.48);backdrop-filter:blur(3px)}
.pg100-command-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #edf1f7}
.pg100-command-header>span{font-size:27px;color:#62738c}
.pg100-command-header input{flex:1;min-width:0;outline:none;border:0!important;box-shadow:none!important;font-size:15px}
.pg100-command-header button{border:1px solid #e5eaf3;border-radius:6px;background:#f9fafc;padding:5px 7px;color:#8b97a6}
.pg100-command-results{overflow:auto;max-height:50vh;padding:10px}
.pg100-command-results a{display:flex;align-items:center;gap:12px;border-radius:9px;padding:11px 12px;font-size:12px;color:#4d5d76}
.pg100-command-results a:hover,.pg100-command-results a:focus{background:#eef3ff;color:#3155c7;outline:none}
.pg100-command-results a>span svg{width:18px;height:18px}
.pg100-command-results a small{margin-left:auto;color:#9cabbc}
.pg100-command-results a[hidden]{display:none}
.pg100-command-tip{text-align:center;color:#9ba6b7;font-size:10px;border-top:1px solid #edf1f7;padding:11px 12px;margin:0}
.pg100-profile-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);gap:19px;align-items:start}
.pg100-profile-main,.pg100-profile-aside{display:grid;gap:19px;min-width:0}
.pg100-setting-panel{padding:26px;min-width:0}
.pg100-setting-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}
.pg100-setting-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#eff3fb;color:#395ab3;font-size:21px;flex:none}
.pg100-setting-heading h2{font-size:16px;margin:1px 0 5px}
.pg100-setting-heading p,.pg100-setting-line p{font-size:12px;color:#8290a4;margin:0}
.pg100-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pg100-form-foot{display:flex;justify-content:space-between;align-items:center;gap:15px}
.pg100-form-foot small,.pg100-caption{font-size:11px;color:#8995a7;line-height:1.7;margin:10px 0 0}
.pg100-account-chip{background:#eaf0ff;color:#3557bd;border-radius:30px;padding:10px 13px;font-size:11px;font-weight:800}
.pg100-setting-line{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #edf0f5}
.pg100-setting-line strong{font-size:12px;display:block;margin-bottom:6px}
.pg100-status{white-space:nowrap;border-radius:30px;padding:8px 10px;font-size:11px;font-weight:800}
.pg100-status.is-on{background:#e7f7ef;color:#128458}
.pg100-status.is-off{background:#f1f3f7;color:#788499}
.pg100-inline-form{display:flex;align-items:end;gap:12px;margin-top:21px;flex-wrap:wrap}
.pg100-inline-form label{font-size:11px;flex:1;display:grid;gap:7px;min-width:150px}
.pg100-inline-form input{width:100%;border:1px solid #dce2ed;padding:11px 12px;border-radius:8px;min-height:42px}
.pg100-disclosure{margin-top:17px}
.pg100-disclosure summary{font-size:12px;color:#8d5360;cursor:pointer}
.pg100-push-setting{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.pg100-push-setting p{font-size:12px;color:#6d7b8f;width:100%;margin:0}
.pg100-push-setting [hidden]{display:none}
.pg100-qr-panel{display:grid;justify-items:center;gap:13px;text-align:center;margin-bottom:20px;padding:20px;border-radius:13px;background:#f6f8fc}
.pg100-qr-panel small,.pg100-qr-panel p{font-size:11px;color:#6c7b8f;margin:0;line-height:1.65}
.pg100-qr{width:min(240px,100%);aspect-ratio:1;background:white;border:10px solid white;border-radius:9px;box-shadow:0 8px 24px rgba(22,41,78,.09)}
.pg100-qr svg{width:100%;height:100%;display:block}
.pg100-qr-panel .secret-key{word-break:break-all;max-width:100%;font-size:13px}
@keyframes pg100-show{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes pg100-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.pg100-search-trigger{width:175px}.pg100-search-trigger kbd{display:none}.pg100-profile-name{max-width:108px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:980px){.app-body .sidebar{box-shadow:10px 0 35px rgba(18,33,60,.13)}.pg100-sidebar-close{display:block}.app-body .topbar{height:66px}.pg100-search-trigger{width:37px;padding:0;justify-content:center}.pg100-search-trigger>span:nth-child(2){display:none}.pg100-profile-layout{grid-template-columns:1fr}.pg100-profile-main,.pg100-profile-aside{gap:15px}}
@media(max-width:700px){html{overflow-x:hidden}.app-body .topbar{padding-inline:14px;height:62px}.pg100-top-eyebrow{font-size:8px}.app-body .topbar-title{font-size:13px}.app-body .main-content{padding:19px 13px calc(100px + env(safe-area-inset-bottom));width:100%;overflow-x:clip}.app-body .app-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.app-body .topbar-actions{gap:7px}.pg100-profile-name,.pg100-profile-trigger>span:last-child{display:none}.pg100-profile-trigger{border:none;padding:0}.pg100-profile-trigger .avatar{width:35px;height:35px}.pg100-header-action{width:35px;height:35px}.pg100-search-trigger{height:35px;width:35px}.pg100-search-trigger .pg100-search-icon{font-size:20px}.pg100-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:19;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid #e7ebf2;justify-content:space-around;padding:6px 6px max(7px,env(safe-area-inset-bottom));box-shadow:0 -5px 28px #18283e0d}.pg100-bottom-nav>*{display:grid;justify-items:center;align-content:center;gap:4px;flex:1;min-width:0;color:#8b98aa;font-size:10px;font-weight:700;height:48px;border:0;background:none;text-decoration:none}.pg100-bottom-nav>* svg{width:20px;height:20px}.pg100-bottom-nav>*.active{color:#3457c5}.pg100-bottom-nav>*.active svg{stroke-width:2.5}.pg100-bottom-nav button{cursor:pointer}.pg100-setting-panel{padding:20px 16px}.pg100-setting-heading{gap:10px}.pg100-field-row{grid-template-columns:1fr}.pg100-form-foot{flex-direction:column;align-items:stretch}.pg100-form-foot .btn{width:100%}.pg100-setting-line{align-items:flex-start}.pg100-inline-form{display:grid;grid-template-columns:1fr}.pg100-inline-form .btn{width:100%}.pg100-drawer-head{padding:23px 20px}.pg100-profile-aside{min-width:0}.pg100-qr-panel{padding:14px}.app-body .page-header,.app-body .bcs-page-header{align-items:flex-start}.app-body .page-header h1{font-size:25px}.app-body .bcs-filters{grid-template-columns:1fr 1fr}.app-body .panel,.app-body .bcs-table-panel{max-width:100%}.app-body .data-table{min-width:620px}.app-body .table-scroll{max-width:calc(100vw - 26px);overflow-x:auto}}
@media(max-width:440px){.app-body .bcs-filters{grid-template-columns:1fr}.pg100-account-chip{display:none}.app-body .kpi-grid,.app-body .bcs-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg100-command{inset:6vh auto auto;max-height:83vh}}
@media(prefers-reduced-motion:reduce){.pg100-drawer,.pg100-drawer-backdrop,.pg100-top-popover,.pg100-flash,.app-body .nav-link,.app-body .btn{transition:none!important;animation:none!important}}
.pg100-floating-toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));right:18px;z-index:105;background:#1d2a40;color:white;box-shadow:0 14px 45px #14233940;max-width:min(400px,calc(100vw - 30px));padding:14px 18px;border-radius:11px;font-size:12px;animation:pg100-fade .2s ease}
.pg100-drawer-active{overflow:hidden}
@media(max-width:700px){.pg100-floating-toast{bottom:calc(82px + env(safe-area-inset-bottom));left:15px;right:15px;max-width:none}}

[hidden]{display:none!important}
.pg100-dashboard-chart{min-height:370px}
.pg100-mini-link{white-space:nowrap;font-size:11px;font-weight:800;color:#345bd3}
.pg100-chart{height:254px;margin-top:18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}
.pg100-chart-column{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:stretch;gap:9px;text-align:center}
.pg100-chart-value{font-size:9px;color:#8996aa;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg100-chart-track{height:185px;display:flex;align-items:end;background:linear-gradient(to top,#f6f8fc 0%,transparent 100%);border-bottom:1px solid #e1e7f0;position:relative;border-radius:6px 6px 0 0}
.pg100-chart-bar{background:#e2eaff;border-radius:6px 6px 0 0;width:100%;min-height:0;transition:height .25s}
.pg100-chart-column:last-of-type .pg100-chart-bar{background:#345cdc}
.pg100-chart-column small{font-size:11px;color:#8895a8;font-weight:670;margin-bottom:2px}
.pg100-chart-note{font-size:10px;color:#a1acbb;margin-top:15px}
.pg100-dashboard-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:17px 0}
.pg100-dashboard-shortcuts>span{font-size:11px;font-weight:800;color:#9ba6b6;margin-right:8px}
.pg100-dashboard-shortcuts a{font-size:11px;font-weight:720;color:#445575;border:1px solid #e2e7f1;border-radius:8px;padding:10px 12px;background:#fff}
.pg100-dashboard-shortcuts a:hover{border-color:#c3d2f9;color:#3155cb}
@media(max-width:700px){.pg100-dashboard-chart{min-height:310px}.pg100-chart{height:218px;gap:7px}.pg100-chart-track{height:152px}.pg100-chart-value{font-size:8px}.pg100-dashboard-shortcuts{gap:7px}.pg100-dashboard-shortcuts>span{flex-basis:100%}}

.pg100-command-server{padding:5px 10px 7px;border-bottom:1px solid #e8edf5;max-height:245px;overflow:auto}
.pg100-server-label{padding:9px 12px;color:#929caf;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.pg100-command-server a{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:9px}
.pg100-command-server a:hover,.pg100-command-server a:focus{background:#eef3ff;outline:0}
.pg100-command-server strong{font-size:12px;color:#26334b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg100-command-server small{font-size:10px;color:#8795a8}