@layer components{.kpi-card{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #e7e5e480;border-radius:20px;transition:all .28s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.dark .kpi-card{background:#1c1917a6;border-color:#44403c66;box-shadow:0 1px 3px #0003}.kpi-card:hover{border-color:#e7e5e4b3;transform:translateY(-3px);box-shadow:0 12px 32px #00000014}.dark .kpi-card:hover{border-color:#44403c99;box-shadow:0 12px 32px #0000004d}.kpi-card:before{content:"";opacity:0;pointer-events:none;z-index:0;border-radius:20px;transition:opacity .28s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.kpi-card:hover:before{opacity:1}.kpi-card--appointments:before{background:linear-gradient(135deg,#f0941e0f 0%,#f0941e05 100%)}.dark .kpi-card--appointments:before{background:linear-gradient(135deg,#f0941e1a 0%,#f0941e08 100%)}.kpi-card--appointments:hover{border-color:#f0941e4d}.dark .kpi-card--appointments:hover{border-color:#f0941e40}.kpi-card--clients:before{background:linear-gradient(135deg,#2563eb0f 0%,#2563eb05 100%)}.dark .kpi-card--clients:before{background:linear-gradient(135deg,#2563eb1a 0%,#2563eb08 100%)}.kpi-card--clients:hover{border-color:#2563eb4d}.dark .kpi-card--clients:hover{border-color:#2563eb40}.kpi-card--sales:before{background:linear-gradient(135deg,#10b9810f 0%,#10b98105 100%)}.dark .kpi-card--sales:before{background:linear-gradient(135deg,#10b9811a 0%,#10b98108 100%)}.kpi-card--sales:hover{border-color:#10b9814d}.dark .kpi-card--sales:hover{border-color:#10b98140}.kpi-shadow--appointments:hover{box-shadow:0 8px 32px #f0941e2e,0 2px 8px #0000000f;border-color:#f0941e4d!important}.dark .kpi-shadow--appointments:hover{box-shadow:0 8px 32px #f0941e38,0 2px 8px #0000003d}.kpi-shadow--clients:hover{box-shadow:0 8px 32px #2563eb2e,0 2px 8px #0000000f;border-color:#2563eb4d!important}.dark .kpi-shadow--clients:hover{box-shadow:0 8px 32px #2563eb38,0 2px 8px #0000003d}.kpi-shadow--sales:hover{box-shadow:0 8px 32px #10b9812e,0 2px 8px #0000000f;border-color:#10b9814d!important}.dark .kpi-shadow--sales:hover{box-shadow:0 8px 32px #10b98138,0 2px 8px #0000003d}.kpi-icon--appointments{background:#f0941e1a}.dark .kpi-icon--appointments{background:#f0941e26}.kpi-icon--clients{background:#2563eb1a}.dark .kpi-icon--clients{background:#2563eb26}.kpi-icon--sales{background:#10b9811a}.dark .kpi-icon--sales{background:#10b98126}.kpi-metric{border-bottom:1px solid #e7e5e44d;justify-content:space-between;align-items:center;padding:8px 0;transition:background .2s;display:flex}.dark .kpi-metric{border-bottom-color:#44403c40}.kpi-metric:last-child{border-bottom:none}.kpi-metric:hover{background:#00000004;border-radius:8px;margin:0 -4px;padding:8px 4px}.dark .kpi-metric:hover{background:#ffffff06}.kpi-highlight{letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:32px;font-weight:700;line-height:1}.kpi-highlight--appointments{color:#e07a08}.dark .kpi-highlight--appointments{color:#ffc071}.kpi-highlight--clients{color:#2563eb}.dark .kpi-highlight--clients{color:#93c5fd}.kpi-highlight--sales{color:#059669}.dark .kpi-highlight--sales{color:#6ee7b7}}