.page{display:flex;flex-direction:column;gap:1.5rem}.actions{display:flex;flex-direction:row;flex-wrap:wrap;flex:1 1 0;row-gap:20px;justify-content:space-between}.period-pick{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;flex:1 1 auto;justify-content:space-between}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px rgba(0,0,0,.08)}.btn i{font-size:18px}.btn.primary{background:linear-gradient(135deg,#1f6050,#1f6054);color:#fff}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(34,197,94,.25)}.btn.secondary{background:#fff;border:1px solid #ef4444;color:#ef4444}.btn.secondary:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(239,68,68,.20)}.btn .tertiary{background:#CCCB41;border:1px solid #ef4444;color:#ef4444}.btn.ghost{background:#fff;border:1px solid var(--light-gray)}.btn:hover{transform:translateY(-2px)}.listform{max-width:800px;margin:20px auto}.ui-listform-container{border:none}.ui-listform-form-container{padding:15px}.ui-listform-form{border-radius:var(--radius);border:1px solid #F2B573;background-color:#F1F1F1}.list-card{background:var(--card);padding:10px;border-radius:5px;display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;box-shadow:0 5px 15px rgba(0,0,0,.05);margin:0 auto 15px}.list-card>div{margin:10px 0 0;text-align:left}.list-card-footer{border-radius:5px;display:flex;justify-content:space-evenly;padding:20px 0}.list-card-edit{padding:20px;margin:10px auto}.list-card-btn{align-items:center;padding:5px 5px;margin:0 8px;background-color:#479654;border-radius:5px;border:none;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.08)}.list-card-arrow{align-items:center;padding:5px 5px;margin:0 8px;background-color:#E8E8E8;border-radius:5px;border:none;font-size:15px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.08)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:var(--card);padding:15px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.stat-card span{font-size:13px;color:var(--gray)}.stat-card strong{font-size:18px}.icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.icon.red{background:rgba(239,68,68,0.2)}.icon.green{background:rgba(16,185,129,0.2)}.icon.orange{background:rgba(245,158,11,0.2)}.analytics{display:grid;grid-template-columns:1fr;gap:1rem}.card{background:var(--card);padding:15px;border-radius:16px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.card h3{margin-bottom:10px}.progress{margin-top:10px}.label{display:flex;justify-content:space-between;font-size:13px}.bar{height:6px;background:#eee;border-radius:10px;margin-top:5px;overflow:hidden}.bar span{display:block;height:100%;background:var(--primary)}.empty{color:var(--gray);font-size:13px}.fin-tabs ul{display:flex;background:#eee;border-radius:14px;padding:4px;gap:5px}.fin-tabs li{flex:1;text-align:center;padding:10px;border-radius:10px;cursor:pointer;font-weight:500;transition:.2s}.fin-tabs li.active{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.05);color:var(--primary)}.report-box{display:flex;gap:1rem}.report-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.filters{display:flex;border-radius:12px;padding:4px}.filters button{border:none;background:none;padding:8px 12px;border-radius:10px;cursor:pointer}.filters .active{background:#fff;font-weight:600}.export button{border:1px solid var(--light-gray);background:#fff;padding:8px 12px;border-radius:10px;margin:25px 10px;cursor:pointer}.date-picker{display:flex;align-items:center;gap:10px;background:#fff;padding:10px;border-radius:12px;width:fit-content;box-shadow:0 3px 10px rgba(0,0,0,.05)}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.r-card{background:#fff;padding:15px;border-radius:14px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.r-card span{font-size:13px;color:var(--gray)}.r-card strong{font-size:18px;display:block;margin-top:5px}.r-card small{font-size:12px;color:var(--gray)}.r-card.red{border-left:4px solid #ef4444}.r-card.green{border-left:4px solid #10b981}.r-card.orange{border-left:4px solid #f59e0b}.r-card.blue{border-left:4px solid #5599F8}.r-card.gray{border-left:4px solid #747474}.tabs{display:flex;background:#eee;border-radius:12px;overflow:hidden}.tabs button{flex:1;padding:10px;border:none;background:none;cursor:pointer}.tabs button.active{background:#fff;font-weight:600}.table-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.03);border:2px solid #f0f0f0}table{width:100%;border-collapse:collapse;font-family:'Inter', system-ui, -apple-system, sans-serif}th{background:#f9fafb;padding:16px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;color:#6b7280;border-bottom:1px solid #edf2f7}td{padding:16px;font-size:14px;color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;transition:background 0.2s ease}tr:hover td{background:#f8fafc}tr:last-child td{border-bottom:none}.empty-row td{text-align:center;padding:40px;color:#9ca3af;font-style:italic}@media(min-width:900px){.analytics{grid-template-columns:1fr 1fr}}