body{background-color:#8695ba;}.desktop{background-color:#6578a8;height:100vh;}.desktop .content{padding:60px 10px 0 220px;background-color:#8695ba;height:100vh;}.toolbar{top:0;height:56px;background-color:#4f608b;display:flex;position:fixed;width:100%;z-index:10;}.intoolbar{width:100%;padding:8px;display:flex;}.intoolbar .title{color:#efefef;font-size:28px;padding-right:30px;}.headertoolbar{width:100%;display:flex;}.spinner-wrapper{border-radius:20px;height:180px;width:300px;background-color:#fff;border:solid 1px #808080;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;box-shadow:5px 5px 5px #404040;}.spinner{padding:20px 0 10px 0;}.centerText{width:100%;color:#f0f0f0;text-align:center;background-color:#4f608b;padding-bottom:8px;}.dashboard{color:#efefef;padding-bottom:24px;}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}.dashboard-title{color:#fff;font-size:28px;font-weight:bold;}.dashboard-subtitle{color:#d0d0d0;font-size:14px;}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;}.dashboard-panel{min-width:0;padding:12px;border:1px solid #8695ba;border-radius:8px;background-color:#6578a8;box-shadow:3px 3px 5px #202020;}.dashboard-panel-wide{grid-column:span 2;}.dashboard-panel-title{margin-bottom:10px;color:#cff;font-size:18px;font-weight:bold;}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.dashboard-kpi,.dashboard-action{border:1px solid #4f608b;border-radius:6px;background-color:#7586b1;color:#efefef;cursor:pointer;text-align:left;}.dashboard-kpi{min-height:82px;padding:10px;}.dashboard-kpi:hover,.dashboard-action:hover{background-color:#206b00;color:#fff;}.dashboard-kpi-label,.dashboard-action span,.dashboard-detail span,.dashboard-kpi-row span{display:block;color:#d6d6d6;font-size:13px;}.dashboard-kpi-value{display:block;margin-top:8px;color:#fff;font-size:24px;font-weight:bold;}.dashboard-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;}.dashboard-detail-grid-single{grid-template-columns:1fr;margin-top:0;}.dashboard-detail,.dashboard-kpi-row{padding:8px;border-radius:6px;background-color:#566998;}.dashboard-detail strong,.dashboard-kpi-row strong{display:block;margin-top:4px;color:#fff;font-size:18px;}.dashboard-action-list,.dashboard-kpi-list{display:grid;gap:8px;}.dashboard-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;}.dashboard-action strong{color:#fff;font-size:22px;}.dashboard-table{width:100%;border-collapse:collapse;color:#efefef;}.dashboard-table th{padding:6px;color:#cff;text-align:left;border-bottom:1px solid #384464;}.dashboard-table td{padding:7px 6px;border-bottom:1px solid #526492;cursor:pointer;}.dashboard-table tr:hover td{background-color:#206b00;color:#fff;}.dashboard-money{text-align:right;}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,minmax(220px,1fr));}}@media (max-width:760px){.dashboard-grid,.dashboard-kpi-grid,.dashboard-detail-grid{grid-template-columns:1fr;}.dashboard-panel-wide{grid-column:span 1;}.dashboard-header{align-items:flex-start;flex-direction:column;}}.start-page{color:#EFEFEF;padding:8px 8px 30px 8px}.start-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 4px 18px 4px}.start-header h1{margin:0;color:white;font-size:30px}.start-subtitle{color:#DFDFDF;font-size:14px}.start-mobile-button,.start-tile{border:1px solid #8695ba;border-radius:10px;background-color:#6578A8;color:#EFEFEF;box-shadow:3px 3px 5px #202020;cursor:pointer}.start-mobile-button{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:16px}.start-mobile-button img{width:32px;height:32px}.start-section{margin:0 4px 20px 4px}.start-section-title{margin:0 0 8px 2px;color:white;font-size:18px;font-weight:bold}.start-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.start-tile{min-height:128px;padding:14px 10px;text-align:center}.start-tile img{display:block;width:42px;height:42px;margin:0 auto 10px auto}.start-tile span{display:block;color:white;font-size:17px;font-weight:bold}.start-tile small{display:block;margin-top:5px;color:#DFDFDF;font-size:12px}.start-mobile-button:hover,.start-tile:hover{background-color:#32893b;color:white}.desktop .content-home{padding-left:10px}