@layer components{.kpi-card{background:rgba(var(--white-rgb), .75);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--stone-200-rgb), .5);box-shadow:0 1px 3px rgba(var(--black-rgb), .04);border-radius:20px;transition:all .28s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dark .kpi-card{background:rgba(var(--shadow-rgb), .65);border-color:rgba(var(--stone-700-rgb), .4);box-shadow:0 1px 3px rgba(var(--black-rgb), .2)}.kpi-card:hover{box-shadow:0 12px 32px rgba(var(--black-rgb), .08);border-color:rgba(var(--stone-200-rgb), .7);transform:translateY(-3px)}.dark .kpi-card:hover{box-shadow:0 12px 32px rgba(var(--black-rgb), .3);border-color:rgba(var(--stone-700-rgb), .6)}.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, rgba(var(--brand-rgb), .06) 0%, rgba(var(--brand-rgb), .02) 100%)}.dark .kpi-card--appointments:before{background:linear-gradient(135deg, rgba(var(--brand-rgb), .1) 0%, rgba(var(--brand-rgb), .03) 100%)}.kpi-card--appointments:hover{border-color:rgba(var(--brand-rgb), .3)}.dark .kpi-card--appointments:hover{border-color:rgba(var(--brand-rgb), .25)}.kpi-card--clients:before{background:linear-gradient(135deg, rgba(var(--info-rgb), .06) 0%, rgba(var(--info-rgb), .02) 100%)}.dark .kpi-card--clients:before{background:linear-gradient(135deg, rgba(var(--info-rgb), .1) 0%, rgba(var(--info-rgb), .03) 100%)}.kpi-card--clients:hover{border-color:rgba(var(--info-rgb), .3)}.dark .kpi-card--clients:hover{border-color:rgba(var(--info-rgb), .25)}.kpi-card--sales:before{background:linear-gradient(135deg, rgba(var(--data-rgb), .06) 0%, rgba(var(--data-rgb), .02) 100%)}.dark .kpi-card--sales:before{background:linear-gradient(135deg, rgba(var(--data-rgb), .1) 0%, rgba(var(--data-rgb), .03) 100%)}.kpi-card--sales:hover{border-color:rgba(var(--data-rgb), .3)}.dark .kpi-card--sales:hover{border-color:rgba(var(--data-rgb), .25)}.kpi-card--data:before{background:linear-gradient(135deg, rgba(var(--data-rgb), .07) 0%, rgba(var(--data-deep-rgb), .02) 100%)}.dark .kpi-card--data:before{background:linear-gradient(135deg, rgba(var(--data-rgb), .12) 0%, rgba(var(--data-deep-rgb), .03) 100%)}.kpi-card--data:hover{border-color:rgba(var(--data-rgb), .3)}.dark .kpi-card--data:hover{border-color:rgba(var(--data-rgb), .25)}.kpi-shadow--appointments:hover{box-shadow:0 8px 32px rgba(var(--brand-rgb), .18), 0 2px 8px rgba(var(--black-rgb), .06);border-color:rgba(var(--brand-rgb), .3)!important}.dark .kpi-shadow--appointments:hover{box-shadow:0 8px 32px rgba(var(--brand-rgb), .22), 0 2px 8px rgba(var(--black-rgb), .24)}.kpi-shadow--clients:hover{box-shadow:0 8px 32px rgba(var(--info-rgb), .18), 0 2px 8px rgba(var(--black-rgb), .06);border-color:rgba(var(--info-rgb), .3)!important}.dark .kpi-shadow--clients:hover{box-shadow:0 8px 32px rgba(var(--info-rgb), .22), 0 2px 8px rgba(var(--black-rgb), .24)}.kpi-shadow--sales:hover{box-shadow:0 8px 32px rgba(var(--data-rgb), .18), 0 2px 8px rgba(var(--black-rgb), .06);border-color:rgba(var(--data-rgb), .3)!important}.dark .kpi-shadow--sales:hover{box-shadow:0 8px 32px rgba(var(--data-rgb), .22), 0 2px 8px rgba(var(--black-rgb), .24)}.kpi-shadow--data:hover{box-shadow:0 8px 32px rgba(var(--data-rgb), .2), 0 2px 8px rgba(var(--black-rgb), .06);border-color:rgba(var(--data-rgb), .32)!important}.dark .kpi-shadow--data:hover{box-shadow:0 8px 32px rgba(var(--data-rgb), .24), 0 2px 8px rgba(var(--black-rgb), .24)}.kpi-icon--appointments{background:rgba(var(--brand-rgb), .1)}.dark .kpi-icon--appointments{background:rgba(var(--brand-rgb), .15)}.kpi-icon--clients{background:rgba(var(--info-rgb), .1)}.dark .kpi-icon--clients{background:rgba(var(--info-rgb), .15)}.kpi-icon--sales{background:rgba(var(--data-rgb), .1)}.dark .kpi-icon--sales{background:rgba(var(--data-rgb), .15)}.kpi-icon--data{background:rgba(var(--data-rgb), .1)}.dark .kpi-icon--data{background:rgba(var(--data-rgb), .15)}.kpi-metric{border-bottom:1px solid rgba(var(--stone-200-rgb), .3);justify-content:space-between;align-items:center;padding:8px 0;transition:background .2s;display:flex}.dark .kpi-metric{border-bottom-color:rgba(var(--stone-700-rgb), .25)}.kpi-metric:last-child{border-bottom:none}.kpi-metric:hover{background:rgba(var(--black-rgb), .015);border-radius:8px;margin:0 -4px;padding:8px 4px}.dark .kpi-metric:hover{background:rgba(var(--white-rgb), .025)}.kpi-highlight{letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:32px;font-weight:700;line-height:1}.kpi-highlight--appointments{color:var(--brand-500)}.dark .kpi-highlight--appointments{color:var(--brand-soft)}.kpi-highlight--clients{color:var(--info)}.dark .kpi-highlight--clients{color:var(--info-text)}.kpi-highlight--sales{color:var(--data-deep)}.dark .kpi-highlight--sales{color:var(--data-light)}.kpi-highlight--data{color:var(--data-deep)}.dark .kpi-highlight--data{color:var(--data-light)}}