:root{--side:210px;--nav:#002055;--accent:#0060ff;--teal:#0060ff;--blue:#0060ff;--text:#061740;--muted:#586b96;--line:#e2e8f4;--canvas:#f9fbfe;font-family:Inter,'Noto Sans Thai',Arial,sans-serif}body{color:var(--text)}button{color:#064bc1;border-color:#d9e2f3;border-radius:5px;background:#fff}button:hover{background:#eff5ff;border-color:#93b8fc}.btn-primary{background:linear-gradient(110deg,#006aff,#004dff);color:white;border-color:transparent}.btn-primary:hover{background:#0051e5}.btn-danger{background:#ff202c;border-color:#ff202c;color:white}.text-button{color:#0050dd}.blue-text{color:#005dff!important}.green-text{color:#00aa62!important}.orange-text{color:#ff8100!important}.red-text{color:#ff1728!important}.subtle{font-size:13px;color:#5a6f98;line-height:1.75;margin-top:9px}.panel{border-radius:8px;border-color:var(--line);box-shadow:0 1px 2px #06193e02}.panel-head{border:0;padding:16px 17px 8px;min-height:45px}.panel-head h2{font-size:17px;font-weight:600;color:#00123d}.panel-head h2 small{font-weight:400;font-size:12px;color:inherit}.panel-body{padding:15px}.panel-body>.table-scroll{margin:-5px 0 0;width:100%;}.panel-body>.table-scroll+.table-foot{margin:8px -15px -15px}.panel-head h2 .source-info{font-size:13px;padding:0 3px}.source-info{border:0;background:none;padding:0 5px;color:#7b90b8;font-size:13px}.table-link{display:block;text-align:center;font-size:13px;color:#0056ff;background:none;border:0;margin:14px auto 0;padding:3px 10px}.panel-head:has(>h2:empty):has(>.head-actions:empty){display:none}table{font-size:12px;color:#0d2046;line-height:1.65}th{font-size:11px;background:#fafbfe;color:#0b1d43;font-weight:500;padding:14px 9px}th small{display:block;font-size:10px;color:#4a6296;font-weight:400}td{padding:12px 9px;vertical-align:middle}tr.selected{background:#edf5ff}tbody tr:hover{background:#f1f7ff}.tag{font-size:11px;padding:3px 6px;border:1px solid var(--line);background:white;line-height:1.3}.tag.normal,.tag.validated,.tag.collected,.tag.success,.tag.resolved,.tag.connected{color:#00a25f;background:#f4fff9;border-color:#c4e9d6}.tag.warning,.tag.high,.tag.pending,.tag.not-connected{color:#ee8500;background:#fff9f0;border-color:#ffdbb0}.tag.critical,.tag.overdue{color:#ff2934;background:#fff5f5;border-color:#ffc6cd}.tag.medium{color:#dfa400;background:#fffaf0;border-color:#fff0c7}.tag.offline{color:#7e879c;background:#f8f9fc;border-color:#e5e8f0}.tag.in-progress,.tag.assigned,.tag.approved,.tag.invoiced{color:#0060f4;background:#f0f6ff;border-color:#cbdfff}.tag.fixed-rate{color:#0060ff;background:#eef5ff;border-color:#c3dbff}.tag[class~="tou-+-ft"]{color:#5927e6;background:#f5f1ff;border-color:#dcd0ff}.status-dot.normal{background:#00a767}.status-dot.critical{background:#fb2634}.status-dot.warning{background:#ff9400}.status-dot.offline{background:#9198aa}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#1979ff}.avatar.small{background:#e1ecff;color:#1455ba;width:27px;height:27px;font-size:10px}.filters{margin:0;gap:8px;align-items:center;flex-wrap:wrap}.filters label{flex:0 1 130px;min-width:0}.filters select{padding:7px 9px;font-size:12px}.filters button{border:0;background:none;padding:7px 4px;font-size:12px}.segments{border-radius:5px;border-color:#d5dff2}.segments button{font-size:12px;padding:7px 20px;border-right:1px solid #dbe3f3;color:#00133a}.segments button:last-child{border:0}.segments button.active{background:#0060ff;color:white;box-shadow:0 0 8px #0070ff24}.head-actions{font-size:12px}.head-actions a{color:#0057ff}.stats{gap:13px;margin-bottom:18px}.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stats.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stat{padding:22px 16px;gap:15px;border-color:var(--line);min-height:120px;border-radius:8px;align-items:flex-start}.stat-icon{width:54px;height:54px;background:#e6f0ff!important;color:#0065ff!important}.stat-icon svg{width:29px;height:29px}.stat.green .stat-icon{color:#00b878!important;background:#e2f7ee!important}.stat.red .stat-icon{color:#ff323e!important;background:#ffe9eb!important}.stat.orange .stat-icon{color:#ff9b00!important;background:#fff2df!important}.stat.gray .stat-icon{color:#878e9d!important;background:#f0f1f5!important}.stat.yellow .stat-icon{color:#ffb800!important;background:#fff7df!important}.stat-label{font-size:13px;font-weight:500;line-height:1.4;margin-bottom:7px;color:#0b1d40}.stat strong{font-size:32px;color:#061840!important;line-height:1.3;letter-spacing:-.4px}.stat strong small{font-size:16px;font-weight:400;color:inherit}.stat em{font-size:12px;line-height:1.4;color:#00ac61;margin-top:13px}.stat em span{color:#7282aa;font-size:11px}.stat.red em{color:#ff1628}.stat .stat-label+.strong{font-size:30px}.stat.gray em{color:#6d7c9e}.stat.blue em{color:#65769f}.stats.six .stat{padding:19px 12px;gap:11px}.stats.six .stat strong{font-size:29px}.stats.six .stat-icon{width:48px;height:48px}.stats.six .stat-label{font-size:12px}.stats.six .stat em{font-size:12px;margin-top:5px;color:#3d5692}.stats.six .stat:last-child strong{color:#ff1929!important;font-size:27px}#sidebar{background:linear-gradient(125deg,#001a43,#002b6d);width:var(--side);border-right:1px solid #003879;z-index:40}.ppa-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:15px 16px 19px;color:white;min-height:192px}.ppa-brand:hover{text-decoration:none}.brand-symbol{font-size:68px;color:#ffb900;line-height:.95;display:block;margin-bottom:9px;margin-left:13px}.ppa-brand>b{font-size:36px;letter-spacing:-1.3px;line-height:1.1;font-weight:700;white-space:nowrap}.ppa-brand>span:not(.brand-symbol){font-size:15px;font-weight:500;margin-top:3px}.ppa-brand>small{font-size:11px;color:white;white-space:nowrap;margin-top:6px}#nav{padding:0 8px 12px}#nav a{font-size:14px;gap:13px;padding:14px 11px;margin-bottom:15px;border-left:0;border-radius:6px;white-space:nowrap;position:relative;color:white}#nav a.active{background:linear-gradient(120deg,#087aff,#0054f8);box-shadow:0 3px 14px #004dda4d}#nav svg{width:21px;height:21px}#nav .nav-badge{margin-left:auto;background:#006aff;border-radius:30px;min-width:22px;height:22px;line-height:22px;font-size:11px;text-align:center;font-weight:400}#nav .nav-badge.danger{background:#ff2736}.organization{display:flex;align-items:center;gap:10px;margin:16px 8px 25px;padding:14px 10px;background:#00295b7a;color:white;border:1px solid #4775a552;font-size:11px;text-align:left}.organization:hover{background:#07457c;color:white}.organization>span:first-child{font-size:28px}.organization>span:nth-child(2){flex:1}.organization small{display:block;color:#aec7e7;font-size:10px;margin-top:3px}#shell{background:linear-gradient(120deg,#fff,#f8faff);margin-left:var(--side)}header{height:73px;padding:12px 23px;gap:18px;border-bottom:1px solid #e2e8f5;background:#ffffffed;backdrop-filter:blur(10px);z-index:30}header #collapse{display:block;margin:0;border:0;border-right:1px solid #e0e7f2;border-radius:0;background:none;color:#0064e5;padding:4px 20px 4px 0;font-size:21px;min-width:35px}header h1{font-size:29px;letter-spacing:-.7px;flex:1;white-space:nowrap}.header-controls{display:flex;align-items:center;gap:7px}.header-controls .period-chip{border-color:#d5dff0;font-size:13px;padding:8px 13px}.header-controls select{width:175px;max-width:210px;font-size:13px;padding:9px 10px;color:#051b49}.header-controls .updated{font-size:11px;color:#7489b5;padding-left:15px;white-space:nowrap}.demo-strip{padding:4px 23px;font-size:10px;background:#f6f9ff;border-bottom:1px solid #e7edf7}.demo-strip b{background:#e0ebff;color:#0060f0;font-size:9px}.demo-strip button{font-size:11px}.demo-strip>span{color:#7286ab}main{padding:20px 23px 25px}footer{font-size:11px;color:#7c8eaf;padding:13px 24px}h3{font-size:14px}h2{letter-spacing:-.15px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:15px}.overview-grid .stack{gap:14px}.overview-grid>div:first-child .panel:nth-child(2) table{font-size:11px}.overview-grid>div:first-child .panel:nth-child(2) th{font-size:10px;padding:9px 7px}.overview-grid>div:first-child .panel:nth-child(2) td{padding:11px 6px}.generation-chart{position:relative}.line-chart .chart-legend{justify-content:flex-start;margin:0 0 12px 12px;gap:28px;color:#24375d;font-size:11px}.line-chart svg text{fill:#6e83ad;font-size:11px}.chart-pinned{position:absolute;top:43%;left:37%;background:#fffffff0;box-shadow:0 3px 12px #00236b15;border:1px solid #e6ecf7;border-radius:5px;padding:10px 12px;width:175px;font-size:11px;pointer-events:none}.chart-pinned>b{font-size:13px}.chart-pinned dl{display:grid;grid-template-columns:1fr auto;gap:5px;margin:7px 0 0}.chart-pinned dt{margin:0}.chart-pinned dd{margin:0;text-align:right}.scoped-chart{min-height:330px}.rank{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:50%;font-style:normal;color:white;background:#00af6d;font-size:11px}.rank.warning{background:#ff8800}.rank.critical{background:#ff2736}.rank.offline{background:#949aaa}.site-name{display:flex;align-items:center;gap:8px;color:#102449;font-size:11px;line-height:1.65}.owner-chip{padding:5px 9px;background:#eef5ff;border:1px solid #ccdeff;border-radius:4px;font-size:11px;color:#005fff}.task-status{padding:5px 7px;background:white;border-color:#d4dfef;font-size:10px;white-space:nowrap}.alert-count{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ff2536;color:white;font-size:11px;width:20px;height:20px;margin-left:6px}.neutral-count{display:inline-flex;align-items:center;justify-content:center;background:#edf0f7;font-size:11px;width:21px;height:21px;border-radius:50%;margin-left:6px}.incident-strip{display:flex;align-items:center;gap:11px;padding:12px 13px;margin:0 0 10px;background:#fff9f9;border:1px solid #ffe2e4;border-left:2px solid #ff3043;border-radius:5px}.incident-strip:last-child{margin-bottom:0}.incident-strip>span{color:#ff303d}.incident-strip>span svg{width:31px;height:31px}.incident-strip.high>span{color:#ff9b00}.incident-strip>div{flex:1;min-width:0}.incident-strip h3{font-size:12px;margin-bottom:3px}.incident-strip p{font-size:11px;margin:0 0 7px}.incident-strip small{font-size:10px}.incident-strip .tag{font-size:10px;padding:1px 5px}.incident-strip>button{color:#ff2334;border-color:#ff6471;font-size:10px;padding:5px 10px;white-space:nowrap}.billing-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.billing-mini button{display:flex;flex-direction:column;gap:7px;align-items:flex-start;border:0;border-right:1px solid #e4e9f5;background:none;text-align:left;padding:0 10px}.billing-mini button:first-child{padding-left:0}.billing-mini button:last-child{border:0;padding-right:0}.billing-mini small{font-size:11px;color:#0a2049}.billing-mini b{font-size:19px;font-weight:500;white-space:nowrap}.billing-mini span{font-size:11px;color:#7b8caa}.ppa-map{position:relative;background:#e8f1fc;border:1px solid var(--line);border-radius:7px;overflow:hidden;min-height:330px;height:100%}.ppa-map iframe{width:100%;height:100%;border:0;position:absolute;inset:0;pointer-events:none;opacity:.88}.ppa-map-label{position:absolute;top:0;left:0;z-index:2;background:linear-gradient(100deg,#ffffffec,#ffffff00);padding:12px 15px 20px;pointer-events:none;min-width:160px}.ppa-map-label h3{font-size:14px;margin-bottom:18px}.ppa-map-label>span{display:flex;align-items:center;gap:9px;font-size:12px;margin:10px 0;color:#142855}.map-site{position:absolute;transform:translate(-50%,-50%);width:14px;height:14px;border:2px solid white;background:#04b377;border-radius:50%;padding:0;box-shadow:0 1px 4px #254a7d33}.map-site.critical{background:#ff2b3b}.map-site.warning{background:#ff9900}.map-site.offline{background:#929bad}.map-site:hover{box-shadow:0 0 0 5px #197bff38;background:#0061ff;z-index:3}.map-site:active{transform:translate(-50%,-50%)}.map-tools{bottom:27px;right:14px;gap:3px;box-shadow:none}.map-tools button{font-size:20px;line-height:1;border-radius:4px;padding:7px}.map-credit{font-size:9px}.site-directory-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:15px}.site-directory-layout>.ppa-map{min-height:680px}.site-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding-bottom:19px}.site-toolbar input{max-width:345px}.site-toolbar button{font-size:12px;white-space:nowrap}.site-directory-layout .filters{padding-bottom:15px;margin:0 -5px}.site-directory-layout .filters label{flex:1;min-width:80px}.site-directory-layout .filters select{padding:7px;font-size:11px}.site-directory-layout .table-scroll{margin:0 -15px;width:calc(100% + 30px)}.site-directory-layout table{font-size:11px}.site-directory-layout th{font-size:10px;padding:14px 7px}.site-directory-layout td{padding:15px 7px}.site-directory-layout .site-name{font-size:10px;min-width:133px}.site-directory-layout td:nth-child(2){min-width:100px}.site-directory-layout td:nth-child(3){min-width:70px}.site-directory-layout .tag{font-size:10px;padding:3px 5px}.site-directory-layout .tag:before{content:'';display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;margin-right:3px}.view-site{font-size:10px;padding:4px 6px;background:#f8fbff}.pagination{gap:4px}.pagination button{font-size:11px;border-radius:4px;padding:5px 9px}.pagination .active{background:#0066ff;color:white;border-color:transparent;min-height:29px}.table-foot{padding:13px 8px;font-size:10px;gap:8px}.table-foot label{flex-direction:row;align-items:center;gap:8px;font-size:10px}.table-foot select{width:55px;padding:5px;font-size:11px}.tasks-top{display:flex;gap:25px;align-items:center;margin-bottom:14px}.tasks-top .stats{flex:1;margin:0}.tasks-top>.btn-primary{align-self:flex-start;margin-top:9px;white-space:nowrap;font-size:13px}.tasks-top .stat{padding:19px 15px;min-height:104px;align-items:center}.tasks-top .stat-icon{background:#0066ff!important;color:white!important;width:53px;height:53px;box-shadow:inset -5px 0 10px #17307c15}.tasks-top .stat.orange .stat-icon{background:#ffb900!important}.tasks-top .stat.red .stat-icon{background:#ff3043!important}.tasks-top .stat.green .stat-icon{background:#20bf88!important}.tasks-top .stat em{color:#0060ff;font-size:10px;text-decoration:underline;margin-top:5px}.tasks-workspace{padding:13px 10px 0}.task-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.task-filters label{flex:1;min-width:100px;max-width:150px}.task-filters select{font-size:11px;padding:8px 10px}.task-filters .segments{margin-right:8px}.task-filters button{font-size:11px}.task-filters .segments button{padding:8px 23px}.task-filters>button:last-child{margin-left:auto;border:0}.task-layout{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:15px;align-items:start}.task-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-height:650px}.task-column{border:1px solid #e4eaf4;border-radius:9px 9px 0 0;background:linear-gradient(#f6f8fc,#fff);display:flex;flex-direction:column;overflow:hidden;min-width:0}.task-column>h3{display:flex;justify-content:space-between;align-items:center;padding:13px 13px;font-size:15px}.task-column>h3 span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;background:#e9edf5;border-radius:20px;font-size:11px}.task-scroll{padding:0 6px;display:flex;flex-direction:column;gap:10px;max-height:645px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8e3f4 transparent}.ppa-task{text-align:left;padding:13px 11px 11px;border:1px solid #e2e8f3;border-left:2px solid #ff2839;display:flex;flex-direction:column;gap:8px;color:#0b2046;background:#fff;cursor:grab;flex-shrink:0;min-height:176px;width:100%}.ppa-task.high{border-left-color:#ff9300}.ppa-task.medium{border-left-color:#ffbe00}.ppa-task.resolved{border-left-color:#00b777}.ppa-task>h3{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.5;color:#071b43}.ppa-task>h3 svg{width:19px;height:19px;color:#ff3540;flex-shrink:0}.ppa-task.high>h3 svg{color:#ff9900}.ppa-task.medium>h3 svg{color:#ffbe00}.ppa-task.resolved>h3 svg{color:#00b675}.ppa-task>p{margin:0 0 2px 26px;font-size:10px;color:#244170}.task-money{display:flex;align-items:flex-start;justify-content:space-between;margin-left:26px;gap:5px}.task-money>.tag{font-size:10px;padding:2px 5px}.task-money>span:last-child{font-size:10px;text-align:right;color:#243c6b}.task-money strong{display:block;font-size:11px;color:#071a44;margin-top:3px}.task-person{display:flex;align-items:center;gap:6px;font-size:10px;margin-top:9px;flex-wrap:wrap;color:#142c53}.task-person .avatar{width:24px;height:24px;font-size:8px;background:#ecf2fa;color:#375c8a}.task-person>span:not(.avatar){flex:1}.task-person em{font-size:10px;color:#ff4b1e;white-space:nowrap}.task-meta{display:flex;gap:12px;color:#6c7fab;font-size:11px;margin-top:6px}.resolved-time{font-size:10px;color:#365783;margin:8px 0 0}.new-task-column{position:sticky;bottom:0;margin-top:auto;border:0;border-top:1px solid #e5edf8;background:#fcfdff;border-radius:0;font-size:11px;padding:7px}.task-layout>.panel .panel-head{padding:16px 16px 4px}.workload-row{display:flex;width:100%;align-items:flex-start;gap:10px;text-align:left;padding:15px 0;border:0;border-bottom:1px solid #e8edf6;background:none;color:#0a214c;border-radius:0}.workload-row>.avatar{width:34px;height:34px;font-size:10px;background:#e5edff}.workload-row>div{flex:1;min-width:0}.workload-row b{display:block;font-size:12px;margin-bottom:2px}.workload-row span:not(.avatar){display:block;font-size:11px}.workload-row>small{font-size:10px;align-self:flex-end;margin-bottom:4px}.workload-progress{height:6px;background:#e9ecf3;border-radius:6px;margin-top:5px;overflow:hidden}.workload-progress i{display:block;height:6px;border-radius:6px}.task-layout>.table-scroll{background:white;border:1px solid var(--line);border-radius:6px}.dragover{box-shadow:inset 0 0 0 2px #0066ff;background:#e9f2ff!important}.billing-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.billing-toolbar>div{display:flex;align-items:center;gap:12px}.billing-toolbar b{font-size:14px}.billing-toolbar label{min-width:160px}.billing-toolbar button{font-size:13px}.billing-toolbar select{font-size:13px;padding:9px 14px}.billing-stats .stat{min-height:111px;padding:20px 14px;gap:13px}.billing-stats .stat-label{font-size:12px}.billing-stats .stat strong{font-size:28px;letter-spacing:-.8px}.billing-stats .stat.green strong{color:#00a66b!important}.billing-stats .stat.red strong{color:#ff2639!important}.billing-stats .stat.orange strong{color:#ff8400!important}.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:17px;align-items:start}.billing-layout>.stack{gap:14px}.billing-steps{display:flex;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:7px;background:white;padding:21px 13px 16px}.billing-steps>button{position:relative;display:flex;align-items:center;gap:8px;flex-direction:column;flex:1;border:0;background:none;font-size:12px;padding:0;color:#8391ac}.billing-steps>button:before{content:'';height:2px;background:#b3bed1;position:absolute;left:-50%;right:50%;top:22px;z-index:0}.billing-steps>button:first-child:before{display:none}.billing-steps span{display:flex;align-items:center;justify-content:center;border:2px solid #a8b3c7;border-radius:50%;width:46px;height:46px;background:white;position:relative;z-index:1}.billing-steps svg{width:24px;height:24px}.billing-steps b{font-size:12px;font-weight:400}.billing-steps .done{color:#0058ff}.billing-steps .done>span{border-color:#0060ff;background:#f1f7ff}.billing-steps .done:before{background:#005eff}.billing-steps .active>span{box-shadow:0 0 0 4px #edf4ff}.invoice-directory .tabs{padding:0;gap:0;border-top:0}.invoice-directory .tabs button{font-size:12px;padding:12px 20px}.invoice-directory .tabs button.active{border-bottom-color:#0063ff}.invoice-directory .tabs>span{margin-left:auto;align-self:center;font-size:10px;color:#7e90af;padding:0 13px}.invoice-table-body{padding:17px 9px 0}.invoice-table-body table{font-size:11px}.invoice-table-body th{font-size:10px;padding:11px 7px}.invoice-table-body td{padding:12px 7px}.invoice-table-body td:nth-child(2){min-width:120px;max-width:140px;font-size:11px}.invoice-table-body td:nth-child(3){min-width:95px}.invoice-table-body td:first-child{white-space:nowrap}.invoice-table-body td .text-button{font-size:10px}.invoice-table-body .tag{font-size:10px;padding:3px 5px}.invoice-table-body th:nth-child(n+5),.invoice-table-body td:nth-child(n+5){white-space:nowrap}.invoice-eye{padding:4px 6px}.invoice-eye svg{width:17px;height:17px}.invoice-inspector .panel-body{padding:20px 17px}.invoice-inspector h2{font-size:18px;color:#005bff;margin:6px 0 15px}.invoice-inspector label{font-size:12px;color:#5d7198}.invoice-inspector p{font-size:13px;margin:5px 0 16px;line-height:1.7}.invoice-inspector .invoice-customer{font-size:12px}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:20px}.invoice-meta span{font-size:12px;display:inline-flex;margin-top:5px}.invoice-inspector h3{font-size:15px;border-top:1px solid var(--line);padding-top:19px;margin-bottom:15px}.invoice-inspector dl{display:grid;grid-template-columns:1fr auto;gap:20px 8px;font-size:12px;margin:0 0 21px}.invoice-inspector dt{color:#35517e}.invoice-inspector dt small{font-size:10px;display:inline-block;color:#8493b1}.invoice-inspector dd{margin:0;text-align:right;color:#162d57;white-space:nowrap}.invoice-totals{border-top:1px solid var(--line);padding:16px 0 9px;font-size:12px}.invoice-totals>div{display:flex;justify-content:space-between;margin-bottom:9px}.invoice-grand{display:flex;justify-content:space-between;align-items:center;padding:13px 0 18px;border-top:1px solid var(--line);gap:10px}.invoice-grand>b{font-size:15px}.invoice-grand>strong{font-size:21px;color:#005eff;letter-spacing:-.5px}.invoice-actions{display:flex;flex-direction:column;gap:10px}.invoice-actions button{font-size:13px;padding:11px}.invoice-actions svg{width:17px;height:17px;margin-right:8px}.invoice-actions button:not(.btn-primary){color:#154187}.calculated-label{display:block;color:#986607;background:#fff9e8;border:1px solid #f7e4b8;border-radius:4px;font-size:11px;padding:7px 8px;margin-bottom:10px}.validation-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;margin-bottom:13px}.validation-head span{font-size:11px;color:#7185ac}.invoice-print-heading{display:flex;justify-content:space-between;margin-bottom:22px;gap:20px}.print-totals{max-width:330px;margin-left:auto;margin-top:25px}.print-totals p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.print-totals strong{font-size:22px;color:#005fff}.print-preview{margin-top:25px}.print-preview .panel-head{border-bottom:1px solid var(--line);padding-bottom:15px}.print-preview .panel-body>p{margin-top:14px}.print-preview table{font-size:13px}.print-preview table th,.print-preview table td{font-size:12px}
.alert-filters{margin-bottom:18px;gap:12px}.alert-filters>button:first-child{border:1px solid #d6e0f1;padding:9px 13px;background:#fff;color:#2b466f}.alert-filters label{flex:0 1 170px}.alert-filters .period-chip{margin-left:auto;font-size:12px;padding:8px 13px}.alert-center{display:grid;grid-template-columns:minmax(250px,.94fr) minmax(325px,1.16fr) minmax(270px,1fr);gap:15px;align-items:start}.list-top{display:flex;justify-content:space-between;align-items:center;padding:14px;font-size:12px;color:#6e83a9;border-bottom:1px solid var(--line)}.list-top label{width:100px}.list-top select{padding:5px 8px;font-size:12px}.incident-list-item{display:flex;align-items:flex-start;width:100%;text-align:left;padding:17px 11px;gap:9px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;min-height:97px;color:#071f4b}.incident-list-item.selected{background:#eef5ff;box-shadow:inset 3px 0 #0066ff}.severity-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:29px;color:#ff273c}.severity-icon svg{width:25px;height:25px}.severity-icon.high{color:#ff9a00}.severity-icon.medium{color:#ffb800}.incident-list-item>div:nth-child(2){flex:1;min-width:0}.incident-list-item h3{font-size:12px;margin:0 0 5px;line-height:1.55}.incident-list-item p{font-size:11px;margin:0 0 6px;line-height:1.55;color:#395381}.incident-list-item small{display:block;font-size:10px;color:#7890b4;line-height:1.5}.incident-list-item>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.incident-list-item .tag{font-size:9px;padding:2px 4px}.incident-list .table-foot{font-size:11px;padding:17px 12px}.incident-detail .panel-body{padding:18px 17px}.incident-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:19px}.incident-heading .tag{margin-top:3px;max-width:55px;font-size:10px;flex-shrink:0}.incident-heading h2{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:5px}.incident-heading p{font-size:13px;line-height:1.6;margin:0}.incident-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-bottom:1px solid var(--line);padding:0 0 20px}.incident-facts small{display:block;font-size:10px;color:#7e91b6;margin-bottom:8px}.incident-facts span{font-size:10px;line-height:1.6;display:block}.root-cause{padding:20px 0 17px;border-bottom:1px solid var(--line)}.root-cause h3,.suggested h3{font-size:15px;font-weight:600;margin-bottom:15px}.root-cause p{display:flex;align-items:flex-start;gap:12px;margin:0;line-height:1.85;font-size:11px;color:#345079}.root-cause svg{color:#89a8d3;width:42px;height:42px;flex-shrink:0}.incident-impact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:21px 0;border-bottom:1px solid var(--line)}.incident-impact>div{display:flex;flex-direction:column;gap:11px}.incident-impact small{font-size:10px;color:#6c81a9;white-space:nowrap}.incident-impact b{font-size:19px;white-space:nowrap;font-weight:500}.incident-impact>div:last-child b{color:#ff202e}.incident-impact span{font-size:9px;color:#6a83af;line-height:1.65}.suggested{padding-top:20px}.suggested ol{list-style:none;counter-reset:steps;padding:0;margin:0 0 20px}.suggested li{counter-increment:steps;display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;margin:12px 0}.suggested li:before{content:counter(steps);color:#7993b5;display:inline-flex;align-items:center;justify-content:center;font-size:10px;border:1px solid #94afd0;border-radius:50%;width:16px;height:16px;flex-shrink:0;margin-top:2px}.alert-actions{display:flex;gap:10px}.alert-actions button{flex:1;font-size:12px;padding:10px 7px;white-space:nowrap}.resolve-button{display:block;width:100%;margin-top:12px;color:#00a05c;border-color:#a5dcc1}.timeline{padding-top:7px}.timeline-event{display:grid;grid-template-columns:36px 24px 1fr;gap:11px;position:relative;padding-bottom:31px;align-items:start}.timeline-event:last-child{padding-bottom:5px}.timeline-event time{font-size:11px;color:#536f9a;margin-top:3px}.timeline-event>i{position:relative;color:#0064ff;display:flex;align-items:center;justify-content:center;background:#edf5ff;width:24px;height:24px;border:1px solid #9fc6ff;border-radius:50%;z-index:1}.timeline-event>i svg{width:14px;height:14px}.timeline-event:not(:last-child):after{content:'';position:absolute;width:1px;background:#d4e3f7;left:58px;top:25px;bottom:0}.timeline-event p{font-size:12px;margin:3px 0;line-height:1.75}.timeline-event b{font-size:12px}.timeline-event small{display:block;color:#5e7aa4;font-size:10px;line-height:1.7}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 13px}.mini-metrics>div{min-width:0}.mini-metrics small{display:block;color:#7087b0;font-size:11px;margin-bottom:12px}.mini-metrics strong{font-size:22px;font-weight:500;display:block;line-height:1.5;overflow-wrap:anywhere}.mini-metrics .owner-chip{font-size:10px;padding:4px 6px}.sla-progress{height:6px;border-radius:9px;background:#ffe6e8;overflow:hidden;margin-top:23px}.sla-progress i{display:block;height:100%;background:linear-gradient(90deg,#ff838d,#ff2035)}.sla-caption{text-align:right;color:#ff263d;font-size:10px;margin:9px 0 0}.alert-center details{font-size:12px;color:#334f7d}.alert-center .stack{gap:15px}.alert-center .panel-head h2{font-size:16px}
.report-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.report-category{border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:flex-start;padding:21px 16px;gap:14px}.category-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e6efff;color:#0064ff;width:57px;height:57px;flex-shrink:0}.category-icon svg{width:32px;height:32px}.report-category.green .category-icon{background:#e5f7ee;color:#00b477}.report-category.orange .category-icon{background:#fff1df;color:#ff9d00}.report-category.teal .category-icon{background:#e6f8f2;color:#00ac79}.report-category h2{font-size:16px;font-weight:600;margin-bottom:7px;line-height:1.4}.report-category p{font-size:11px;color:#4d648b;margin:0 0 14px;line-height:1.5;min-height:32px}.report-category button{font-size:11px;border-color:#c7d9fb;border-radius:4px;background:#f7faff;padding:8px 13px}.reports-charts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:17px}.reports-charts .panel-body{padding:15px}.reports-charts .panel-head h2{font-size:16px}.reports-charts .generation-chart .chart-legend{font-size:10px;gap:25px}.reports-charts .segments button{padding:6px 13px;font-size:11px}.report-indicators{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);padding-top:17px;margin-top:15px}.report-indicators>div{position:relative;padding:0 19px 0 12px;overflow:hidden}.report-indicators>div+div{border-left:1px solid var(--line)}.report-indicators small{font-size:12px;display:block;margin-bottom:10px}.report-indicators strong{display:block;font-size:31px;line-height:1.3;margin-bottom:10px;font-weight:500}.report-indicators p{font-size:10px;color:#00a465;margin:0}.report-indicators p span{color:#5c729c;font-size:9px}.report-indicators .line-chart{position:absolute;right:-16px;bottom:0;width:54%;pointer-events:none;opacity:.8}.report-indicators .line-chart text,.report-indicators .line-chart line,.report-indicators .chart-legend{display:none}.report-indicators .line-chart svg{height:52px}.financial-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:3px 0 31px}.financial-summary small{font-size:11px;color:#5a6f96;display:block;min-height:31px}.financial-summary b{font-size:22px;white-space:nowrap;display:block;margin:0 0 10px;letter-spacing:-.6px;font-weight:500}.financial-summary p{font-size:10px;color:#00995a;margin:0;line-height:1.6}.financial-summary p span{color:#788cae;font-size:9px}.financial-summary>div:nth-child(2) p{color:#ff2237}.financial-chart svg{width:100%;display:block}.financial-chart svg text{font-size:10px;fill:#7186ac;font-family:inherit}.financial-chart .chart-legend{font-size:10px;justify-content:flex-start;gap:17px;margin:0 0 15px}.financial-chart .chart-legend span:first-child{color:#577099}.financial-chart .chart-legend i{height:8px;width:8px;border-radius:1px}.report-library-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:15px;align-items:start}.report-library-layout table{font-size:11px}.report-library-layout table th{font-size:10px;white-space:nowrap}.report-library-layout table td{padding:16px 10px}.report-library-layout table td:first-child{white-space:nowrap;min-width:206px}.report-library-layout table td:nth-child(3){min-width:136px}.report-library-layout table td:nth-child(4){min-width:130px}.report-type-dot{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;color:#0671ff;margin-right:7px;background:#e8f2ff;border-radius:50%;vertical-align:middle}.report-type-dot svg{width:16px;height:16px}.tone-1{color:#00af6e;background:#e6f8ee}.tone-2{color:#ff9c00;background:#fff3df}.tone-3{color:#ff9739;background:#fff5e8}.tone-4{color:#00ac79;background:#e7f8f1}.export-actions{display:flex;gap:6px}.export-actions button{font-size:10px;color:#285386;white-space:nowrap;padding:5px 7px}.export-actions button:last-child{color:#079865}.report-library-layout>.panel:first-child .panel-body{padding:12px 0 0}.report-library-layout>.panel:first-child .table-scroll{margin:0;width:100%}#report-schedule-form{display:flex;flex-direction:column;gap:15px}#report-schedule-form label{font-size:12px;color:#415c85}#report-schedule-form select{font-size:12px;padding:8px 10px;color:#153258}#report-schedule-form button{font-size:12px;padding:10px}#report-schedule-form .form-two{gap:11px;margin:0}.recipient-picker{border:1px solid #d5dfef;border-radius:5px;background:#fff;padding:8px 11px;color:#284775}.recipient-picker summary{cursor:pointer;font-size:12px}.recipient-picker .check-line{font-size:11px!important;margin-top:9px}.schedule-note{font-size:10px;color:#7b8fac;text-align:center;line-height:1.5}.saved-schedules{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}.saved-schedules button{display:block;width:100%;font-size:11px;text-align:left;margin-bottom:8px;padding:9px}.saved-schedules small{display:block;color:#788dad;margin-top:4px}
.settings-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;margin-bottom:20px;align-items:start}.setting-sidebar{padding:10px 0;min-height:497px}.setting-sidebar h2{font-size:21px;padding:12px 19px 20px;font-weight:500}.setting-sidebar button{width:100%;display:flex;align-items:center;text-align:left;gap:12px;border:0;border-radius:0;background:white;color:#1c365d;padding:16px 18px;font-size:12px;white-space:nowrap}.setting-sidebar button svg{width:20px;height:20px;color:#46649a}.setting-sidebar button.active{background:linear-gradient(105deg,#006cff,#0050f9);color:white}.setting-sidebar button.active svg{color:white}.setting-sidebar button:hover:not(.active){background:#f0f6ff}.settings-workspace>div{min-width:0}.settings-workspace .stats{gap:13px}.settings-workspace .stat{padding:19px 13px;gap:12px;min-height:114px;align-items:center}.settings-workspace .stat-icon{width:48px;height:48px}.settings-workspace .stat-label{font-size:12px;white-space:nowrap}.settings-workspace .stat strong{font-size:30px}.settings-workspace .stat em{font-size:10px;color:#6b7da0;margin-top:5px}.settings-workspace .panel-head h2{font-size:18px}.settings-workspace .panel-head .btn-primary{font-size:12px;padding:9px 15px}.ppa-integrations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ppa-integration{border:1px solid #dde5f2;border-radius:6px;padding:15px 13px 12px;background:#fff;min-width:0}.integration-title{display:flex;align-items:center;gap:10px;margin-bottom:18px;min-height:44px}.integration-title>div{flex:1;min-width:0}.integration-title h3{font-size:13px;font-weight:500;line-height:1.5;margin:0 0 5px}.integration-title>.brand-word{font-size:13px;font-weight:700;letter-spacing:-.6px;max-width:85px;color:#f14b14;line-height:1.1}.integration-title>.brand-huawei{color:#ef2727;text-transform:uppercase;font-size:11px;letter-spacing:-.4px}.integration-title>.brand-solaredge{color:#dc2a25;font-size:16px;font-style:italic}.integration-title>.brand-goodwe{color:#e62737;font-size:17px}.integration-title>.brand-odoo{color:#815577;font-size:27px;letter-spacing:-1px}.integration-title>.brand-line{color:#00b852;font-size:22px}.integration-title .tag{font-size:9px;padding:2px 5px}.integration-title>button{align-self:flex-start;padding:0 2px;color:#8297b7;border:0;background:none;font-size:18px;line-height:1}.ppa-integration dl{display:grid;grid-template-columns:1fr auto;font-size:11px;gap:12px 5px;margin:0 0 15px}.ppa-integration dt{color:#6f86ac}.ppa-integration dd{text-align:right;color:#375785;margin:0;font-size:10px}.ppa-integration dd .status-dot{width:7px;height:7px;margin-right:5px}.integration-buttons{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;gap:7px}.integration-buttons button{font-size:10px;padding:6px 8px;white-space:nowrap;background:#fbfdff}.integration-buttons button:disabled{color:#94a1b7;background:#fafbfc}.entity-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:15px}.entity-card{display:flex;align-items:flex-start;gap:11px;position:relative;padding:18px 14px 42px;text-align:left;color:#061f4c;border:1px solid var(--line);min-height:139px}.entity-card>span:first-child{display:flex;align-items:center;justify-content:center;color:#0063ff;background:#eaf2ff;border-radius:50%;width:39px;height:39px;flex-shrink:0}.entity-card>span:first-child svg{width:24px;height:24px}.entity-card small{display:block;font-size:12px;margin-bottom:6px}.entity-card b{font-size:28px;font-weight:500;display:block;line-height:1.2}.entity-card p{font-size:10px;color:#617ba6;margin-top:8px;margin-bottom:0}.normalized{position:absolute;bottom:12px;right:13px;font-size:9px;color:#00ac69;border:1px solid #b9e6d1;background:#f2fdf7;padding:3px 5px;border-radius:4px}.settings-save{display:flex;justify-content:flex-end;margin-top:21px}.settings-save button{min-width:175px;font-size:13px;padding:11px}.settings-form{display:flex;flex-direction:column;gap:20px;max-width:620px;padding:5px 0 10px}.settings-form>.btn-primary{align-self:flex-start;padding:11px 24px}.settings-form p{font-size:13px;margin:0}.settings-form h3{margin:0}.restore-demo{border-top:1px solid var(--line);margin-top:10px;padding-top:20px}.restore-demo p{font-size:12px;color:#7284a3;margin-bottom:13px}.restore-demo button{color:#52729d;font-size:12px}.settings-workspace+.panel .panel-body>p{margin-top:0}.drawer-company{color:#607eab;font-size:13px;line-height:1.8}#drawer .mini-metrics{padding:15px 0}#drawer .ppa-map{min-height:650px}#drawer .search-result{width:100%;display:block;margin-bottom:8px;text-align:left;font-size:13px}.search-result small{display:block;color:#8296b5;font-size:11px;margin-top:6px}.drawer-body>h3{margin:23px 0 13px}.drawer-body>button{margin:8px 8px 8px 0}#modal .dialog-body{font-size:14px;line-height:1.8}#modal .dialog-body>label{margin-bottom:16px}#modal .dialog-body .form-two{margin-bottom:16px}#modal .dialog-body>p{margin-bottom:14px}#modal .dialog-body h3{margin-bottom:10px}.dialog-body .subtle{font-size:12px}.collapsed{--side:76px}.collapsed .ppa-brand{min-height:125px;padding:19px 6px;align-items:center}.collapsed .ppa-brand .brand-symbol{font-size:46px;margin:0}.collapsed .ppa-brand>b,.collapsed .ppa-brand>span:not(.brand-symbol),.collapsed .ppa-brand>small,.collapsed .organization{display:none}.collapsed #nav{padding:0 10px}.collapsed #nav a{justify-content:center;padding:13px 5px;margin-bottom:14px}.collapsed #nav a>span,.collapsed #nav .nav-badge{display:none}.collapsed #nav a svg{display:block}
@media(min-width:1650px){:root{--side:225px}.ppa-brand{padding-left:22px}main{padding:24px 30px}.overview-grid{grid-template-columns:1.62fr 1fr}.site-directory-layout{grid-template-columns:1.5fr 1fr}.stat strong{font-size:37px}.stat-label{font-size:14px}.panel-head h2{font-size:19px}.ppa-task{padding:17px 14px}.ppa-task h3{font-size:13px}.ppa-task>p{font-size:12px}.alert-center{grid-template-columns:.95fr 1.12fr 1fr}.incident-list-item h3{font-size:13px}.incident-list-item p{font-size:12px}.incident-facts span{font-size:12px}.incident-impact b{font-size:22px}.suggested li{font-size:12px}.incident-heading h2{font-size:18px}.root-cause p{font-size:12px}.financial-summary b{font-size:25px}.ppa-integrations{gap:20px}.integration-title h3{font-size:15px}.ppa-integration{padding:18px}.ppa-integration dl,.ppa-integration dd{font-size:12px}.entity-card b{font-size:31px}}
@media(max-width:1400px){header h1{font-size:25px}.header-controls .updated{display:none}.stat{padding:20px 12px;gap:11px}.stat-icon{width:46px;height:46px}.stat strong{font-size:28px}.stat-label{font-size:12px}.stat em{font-size:10px}.stats.six .stat{padding:18px 10px;gap:8px}.stats.six .stat-icon{width:37px;height:37px}.stats.six .stat strong{font-size:26px}.stats.six .stat:last-child strong{font-size:23px}.task-layout{grid-template-columns:minmax(0,1fr) 170px}.task-board{gap:10px}.task-column{padding:0 8px}.ppa-task{padding:13px 9px}.workload-person{gap:6px}.alert-center{grid-template-columns:minmax(220px,.9fr) minmax(300px,1.13fr) minmax(240px,1fr);gap:12px}.incident-list-item{padding:15px 9px;gap:6px}.incident-list-item .severity-icon{width:19px}.incident-list-item .severity-icon svg{width:20px}.incident-list-item>div:last-child{max-width:48px}.incident-impact b{font-size:16px}.incident-facts{grid-template-columns:1fr 1fr}.mini-metrics strong{font-size:19px}.report-category{padding:18px 13px;gap:10px}.category-icon{width:43px;height:43px}.category-icon svg{width:26px;height:26px}.report-category h2{font-size:14px}.report-category p{font-size:10px}.financial-summary{gap:10px}.financial-summary b{font-size:18px}.settings-workspace{grid-template-columns:173px minmax(0,1fr);gap:16px}.settings-workspace .stat-icon{width:38px;height:38px}.settings-workspace .stat{padding:17px 11px;gap:8px}.settings-workspace .stat-label{font-size:10px}.settings-workspace .stat strong{font-size:27px}.ppa-integrations{gap:11px}.ppa-integration{padding:13px 10px}.integration-title{gap:7px}.integration-title h3{font-size:11px}.integration-title>.brand-word{font-size:11px}.integration-title>.brand-odoo{font-size:23px}.integration-title>.brand-line{font-size:18px}.integration-buttons{gap:5px}.integration-buttons button{font-size:9px;padding:6px 5px}.entity-card{gap:8px;padding-left:10px;padding-right:10px}.entity-card>span:first-child{width:32px;height:32px}.entity-card b{font-size:25px}}
@media(max-width:1150px){:root{--side:190px}.ppa-brand{padding:15px 10px;min-height:186px}.ppa-brand>b{font-size:32px}.ppa-brand>small{font-size:10px}#nav a{font-size:12px;gap:9px;padding:13px 9px}#nav .nav-badge{min-width:19px;height:19px;line-height:19px;font-size:10px}.organization{gap:6px;margin-left:6px;margin-right:6px;padding:12px 7px;font-size:10px}header{padding:12px 17px;gap:12px}header h1{font-size:22px}.header-controls select{width:135px;font-size:11px}.header-controls .period-chip{font-size:11px;padding:8px}.stats.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stat{flex-direction:column;gap:10px;padding:16px 13px;min-height:132px}.stat-icon{width:40px;height:40px}.stat-label{font-size:11px}.stat strong{font-size:26px}.stat em{margin-top:8px}.stats.six{gap:10px}.stats.six .stat{min-height:128px}.overview-grid{grid-template-columns:1.6fr 1fr;gap:12px}.panel-head{padding:14px 12px 8px;gap:8px}.panel-head h2{font-size:15px}.segments button{padding:6px 10px;font-size:10px}.billing-mini{grid-template-columns:1fr}.billing-mini button{padding:10px 0!important;border-right:0;border-bottom:1px solid var(--line)}.billing-mini b{font-size:20px}.billing-mini button:last-child{border:0}.site-directory-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.site-directory-layout .filters label{min-width:100px}.site-directory-layout>.ppa-map{min-height:760px}.tasks-top .stat{flex-direction:row;min-height:100px;padding:17px 10px}.tasks-top .stat-icon{width:30px;height:30px}.tasks-top .stat strong{font-size:25px}.tasks-top{gap:15px}.tasks-top .stats{gap:9px}.task-layout{grid-template-columns:1fr}.task-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workload{border-top:1px solid var(--line);border-left:0;margin-top:20px;padding:15px}.workload-list{display:flex;gap:15px;flex-wrap:wrap}.workload-person{flex:1;min-width:135px}.billing-layout{grid-template-columns:minmax(0,1fr) 290px;gap:13px}.billing-steps{gap:0}.billing-steps b{font-size:10px}.billing-steps span{width:39px;height:39px}.billing-steps>button:before{top:19px}.invoice-directory .tabs button{padding:12px 11px;font-size:11px}.invoice-directory .tabs>span{display:none}.invoice-inspector .panel-body{padding:17px 13px}.invoice-inspector dl{font-size:11px}.invoice-grand>strong{font-size:20px}.alert-center{grid-template-columns:minmax(235px,1fr) minmax(300px,1.3fr)}.alert-center>.stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.alert-center>.stack>section:first-child{grid-row:span 2}.report-category-grid{gap:10px}.report-category{flex-direction:column;gap:11px;padding:17px}.report-category p{min-height:30px}.reports-charts{grid-template-columns:1fr}.financial-summary small{min-height:25px}.financial-summary b{font-size:23px}.financial-chart svg{max-height:260px}.report-library-layout{grid-template-columns:minmax(0,1fr) 240px}.settings-workspace{grid-template-columns:160px minmax(0,1fr)}.setting-sidebar button{font-size:11px;gap:8px;padding:14px 13px}.settings-workspace .stat{flex-direction:column;align-items:flex-start}.ppa-integrations{grid-template-columns:1fr 1fr}.ppa-integration{padding:17px 13px}.integration-title h3{font-size:13px}.integration-buttons button{font-size:10px;padding:7px}.entity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entity-card{padding:16px 14px 38px;min-height:130px}.entity-card>span:first-child{width:39px;height:39px}.entity-card b{font-size:29px}}
@media(max-width:800px){:root{--side:0px}#sidebar{width:210px;transform:translateX(-100%);transition:transform .2s}.mobile-open #sidebar{transform:translateX(0);box-shadow:15px 0 50px #00296544}.collapsed{--side:0px}.collapsed #sidebar{transform:translateX(-100%)}.ppa-brand{padding-left:18px}.ppa-brand>b{font-size:34px}.ppa-brand>small{font-size:11px}#nav a{font-size:14px}header{height:auto;min-height:68px;flex-wrap:wrap;padding:13px 15px;gap:10px}header h1{font-size:22px;min-width:0;white-space:normal;line-height:1.2}header #collapse{padding:3px 13px 3px 0;font-size:20px;min-width:25px}.header-controls .period-chip{display:none}.header-controls select{width:120px;font-size:11px;max-width:120px;padding:7px}.demo-strip{padding:5px 14px}main{padding:15px 13px}.stats.five{grid-template-columns:repeat(3,minmax(0,1fr))}.stats.six{grid-template-columns:repeat(3,minmax(0,1fr))}.stat,.stats.six .stat{flex-direction:row;align-items:center;min-height:104px;padding:16px 12px}.stats.five .stat:nth-last-child(-n+2){grid-column:span 1}.stat strong,.stats.six .stat strong{font-size:25px}.stat em{font-size:9px}.stat strong small{font-size:12px}.overview-grid,.site-directory-layout{grid-template-columns:1fr}.overview-grid>.stack:last-child{display:grid;grid-template-columns:1fr 1fr}.overview-grid .ppa-map{min-height:370px}.overview-grid>.stack:last-child>section:last-child{grid-column:1/-1}.billing-mini{grid-template-columns:1fr 1fr 1fr}.billing-mini button{padding:0 10px!important;border-bottom:0;border-right:1px solid var(--line)}.billing-mini b{font-size:19px}.site-directory-layout>.ppa-map{min-height:410px;height:410px}.site-directory-layout .filters label{min-width:100px}.site-toolbar{gap:10px}.site-toolbar input{max-width:none;min-width:0}.tasks-top{flex-wrap:wrap;gap:13px}.tasks-top .stats{flex-basis:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.tasks-top>.btn-primary{margin:0 0 2px auto}.tasks-top .stat{min-height:89px}.tasks-top .stat-label{font-size:10px}.tasks-top .stat-icon{width:28px;height:28px}.tasks-top .stat strong{font-size:25px}.task-filters .filters{gap:7px}.task-filters .filters label{min-width:95px;flex:1}.task-board{grid-template-columns:repeat(4,minmax(160px,1fr));overflow-x:auto}.task-column{padding:0 9px;min-width:0}.task-layout{overflow:hidden}.tasks-workspace{min-width:0}.ppa-task h3{font-size:12px}.ppa-task>p{font-size:11px}.workload-list{gap:10px}.billing-toolbar{flex-wrap:wrap;gap:12px}.billing-toolbar>.filters{flex:1;gap:8px}.billing-toolbar>.head-actions{margin-left:auto}.billing-toolbar button{font-size:11px}.billing-layout{grid-template-columns:1fr}.invoice-inspector{max-width:none}.invoice-inspector .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:19px}.invoice-inspector .panel-body>h2,.invoice-inspector .panel-body>h3,.invoice-inspector .panel-body>.invoice-actions,.invoice-inspector .panel-body>.invoice-totals,.invoice-inspector .panel-body>.invoice-grand,.invoice-inspector .panel-body>.calculated-label{grid-column:1/-1}.invoice-inspector .panel-body>label{grid-column:1/-1}.invoice-inspector .invoice-customer{grid-column:1/-1}.invoice-inspector .invoice-meta{grid-column:1/-1}.invoice-inspector .invoice-actions{display:grid;grid-template-columns:1fr 1fr}.invoice-inspector dl{grid-column:1/-1;gap:12px}.billing-steps{margin-bottom:17px}.billing-steps b{font-size:11px}.alert-filters{gap:9px}.alert-filters label{flex:1;min-width:105px}.alert-filters .period-chip{display:none}.alert-center{grid-template-columns:minmax(220px,.9fr) minmax(270px,1.1fr)}.alert-center>.stack{grid-template-columns:1fr 1fr}.incident-heading{gap:9px}.incident-heading h2{font-size:15px}.incident-impact{gap:9px}.incident-impact b{font-size:16px}.incident-impact small{font-size:9px}.incident-detail .panel-body{padding:16px 12px}.alert-actions{gap:7px}.alert-actions button{font-size:11px;padding:9px 4px}.report-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-category{flex-direction:row;gap:13px}.report-category p{min-height:28px}.report-library-layout{grid-template-columns:1fr}.report-library-layout>.panel:last-child #report-schedule-form{display:grid;grid-template-columns:1fr 1fr;align-items:end}.report-library-layout #report-schedule-form>.form-two{align-self:start}.report-library-layout .schedule-note{grid-column:1/-1}.settings-workspace{grid-template-columns:1fr}.setting-sidebar{min-height:0;display:flex;overflow-x:auto;padding:6px}.setting-sidebar h2{display:none}.setting-sidebar button{width:auto;flex-shrink:0;padding:10px 13px;border-radius:5px}.setting-sidebar button svg{width:17px}.settings-workspace .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-workspace .stat{flex-direction:row;gap:9px;align-items:center;padding:15px 11px;min-height:96px}.settings-workspace .stat-icon{width:35px;height:35px}.settings-workspace .stat-label{white-space:normal}.settings-workspace .stat strong{font-size:25px}.settings-workspace .stat em{font-size:9px}.integration-title h3{font-size:14px}.integration-title>.brand-word{font-size:14px}.integration-title>.brand-odoo{font-size:26px}.integration-title>.brand-line{font-size:20px}.ppa-integration dl,.ppa-integration dd{font-size:11px}footer{padding:14px;font-size:10px}#drawer .ppa-map{min-height:500px}}
@media(max-width:550px){header h1{font-size:19px}.header-controls select{width:96px;max-width:96px;font-size:10px}header #collapse{padding-right:10px}.stats.five{grid-template-columns:repeat(2,minmax(0,1fr))}.stats.five>.stat:last-child{grid-column:1/-1}.stats.six{grid-template-columns:repeat(2,minmax(0,1fr))}.stats.five>.stat:last-child>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.stats.five>.stat:last-child .stat-label{margin:0;flex-basis:100%}.stats.five>.stat:last-child em{margin:0}.stat,.stats.six .stat{padding:15px 12px}.stat-label{font-size:11px}.stat strong{font-size:25px;white-space:nowrap}.stat em{font-size:9px}.overview-grid>.stack:last-child{display:flex}.overview-grid>.stack:last-child>section:last-child{grid-column:auto}.chart-pinned{font-size:9px;width:138px;padding:8px;left:36%;top:40%}.chart-pinned>b{font-size:11px}.chart-pinned dl{gap:2px}.generation-chart .chart-legend{font-size:8px;gap:13px;margin-left:0}.panel-head{padding:14px 12px 8px;flex-wrap:wrap}.panel-head h2{font-size:15px}.segments button{padding:6px 9px;font-size:10px}.incident-strip h3{font-size:11px}.incident-strip p{font-size:10px}.incident-strip{gap:9px;padding:12px 10px}.incident-strip>button{padding:5px 7px}.billing-mini b{font-size:16px}.billing-mini small{font-size:10px}.billing-mini span{font-size:9px}.billing-mini button{padding:0 8px!important}.tasks-top .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tasks-top .stat{padding:17px 12px;gap:13px}.tasks-top .stat-icon{width:35px;height:35px}.tasks-top .stat-label{font-size:11px}.task-filters{gap:10px;align-items:stretch;flex-wrap:wrap}.task-filters .segments{margin-left:auto}.task-filters .filters{flex-basis:100%}.task-filters .filters label{flex-basis:29%;min-width:100px}.task-board{grid-template-columns:repeat(4,185px);gap:10px}.task-column{padding:0 9px}.workload-list{display:grid;grid-template-columns:1fr 1fr}.workload-person{min-width:0}.billing-stats .stat strong{font-size:25px}.billing-steps{overflow-x:auto;grid-template-columns:repeat(6,85px);padding:13px 10px}.billing-steps b{font-size:10px}.billing-toolbar .filters label{min-width:130px;flex:1}.billing-toolbar>.head-actions{gap:7px}.billing-toolbar>.head-actions button{padding:8px 10px}.invoice-directory .tabs button{padding:12px 16px;font-size:11px}.invoice-inspector .panel-body{display:block;padding:18px}.invoice-inspector .invoice-actions{display:flex}.invoice-inspector h2{font-size:18px}.invoice-grand>strong{font-size:23px}.alert-center{grid-template-columns:1fr}.alert-center>.stack{display:flex;grid-column:auto}.incident-list{max-height:350px;overflow-y:auto}.incident-list-item{padding:13px 12px;min-height:88px}.incident-list-item h3{font-size:13px}.incident-list-item p{font-size:12px}.incident-list-item>div:last-child{max-width:80px}.incident-list-item .tag{font-size:10px}.incident-list-item .severity-icon{width:26px}.incident-list-item .severity-icon svg{width:25px}.incident-detail .panel-body{padding:20px 16px}.incident-heading h2{font-size:17px}.incident-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.incident-impact b{font-size:19px}.suggested li{font-size:12px}.alert-actions button{font-size:12px;padding:12px 8px}.mini-metrics strong{font-size:22px}.mini-metrics .owner-chip{font-size:11px}.report-category{flex-direction:column;padding:16px;gap:12px}.report-category h2{font-size:15px}.report-category p{font-size:11px;min-height:32px}.report-category button{font-size:11px}.report-category .category-icon{width:43px;height:43px}.reports-charts .panel-head h2{font-size:15px}.report-indicators>div{padding:0 10px}.report-indicators small{font-size:10px}.report-indicators strong{font-size:28px}.report-indicators p{font-size:9px}.report-indicators p span{display:block}.report-indicators .line-chart{width:49%;right:0}.financial-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;margin-bottom:25px}.financial-summary b{font-size:24px}.financial-summary small{font-size:12px;min-height:23px}.financial-chart .chart-legend{gap:10px;font-size:8px}.financial-chart .chart-legend span:first-child{flex-basis:100%}.report-library-layout>.panel:last-child #report-schedule-form{display:flex}.settings-workspace .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-workspace .stat{padding:17px 12px;gap:13px}.settings-workspace .stat-label{font-size:11px}.ppa-integrations{grid-template-columns:1fr}.ppa-integration{padding:18px 16px}.integration-title h3{font-size:15px}.integration-title>.brand-word{font-size:17px}.integration-title>.brand-huawei{font-size:14px}.integration-title>.brand-odoo{font-size:29px}.integration-title>.brand-line{font-size:25px}.integration-title .tag{font-size:10px}.ppa-integration dl,.ppa-integration dd{font-size:12px}.integration-buttons button{font-size:11px;padding:8px 13px}.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entity-card{padding:17px 13px 39px}.entity-card b{font-size:27px}.entity-card small{font-size:12px}.entity-card>span:first-child{width:35px;height:35px}.settings-save button{width:100%}.settings-form{gap:17px}.demo-strip button{font-size:10px}.table-foot{flex-wrap:wrap;justify-content:space-between}.table-foot label{min-width:60px}.form-two{grid-template-columns:1fr 1fr}.dialog-head,.drawer-head{padding:16px}.dialog-body{padding:18px}.dialog-foot{padding:14px 18px}.print-preview .panel-head{gap:15px}.print-preview .panel-head button{font-size:11px;padding:8px}.invoice-print-heading{flex-wrap:wrap}.incident-facts span{font-size:9px}.incident-facts small{font-size:9px}.invoice-inspector p{line-height:1.7}}
@media print{#shell{margin:0!important}main{padding:0!important}#report-print{margin:0!important}.print-preview .panel-head>div{display:none}.print-preview .panel-head{padding:0 0 15px}.print-preview .panel-body{padding:20px 0}.print-preview table th,.print-preview table td{font-size:10px}.print-preview .table-scroll{overflow:visible}}

.timeline-event>i{font-style:normal}.timeline-event>i.danger{color:#ff233b;border-color:#ffb6c2;background:#fff1f4}
@media(max-width:1150px){.task-layout>.panel .panel-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 15px}.task-layout>.panel .table-link{grid-column:1/-1}.task-layout>.panel .panel-head h2{font-size:16px}.workload-row{padding:12px 0}.workload-row b{font-size:11px}}
@media(max-width:550px){.task-layout>.panel .panel-body{grid-template-columns:1fr 1fr}.task-layout>.panel .table-link{grid-column:1/-1}.task-column{padding:0}.task-column>h3{font-size:14px}.task-money{margin-left:0}.ppa-task>p{margin-left:0}}
