:root{--d-blue:#075cb6;--d-ink:#102a4c;--d-line:#d4e2ef;--d-shadow:0 4px 0 #c4d5e5,0 14px 30px rgba(16,42,76,.13);--d-blue-shadow:0 5px 0 #043f80,0 15px 26px rgba(7,92,182,.25);--d-green-shadow:0 5px 0 #087247,0 15px 26px rgba(18,166,106,.21);--d-red-shadow:0 4px 0 #a92c31,0 13px 22px rgba(229,72,77,.2)}
.bar,.topbar,.app-header,.screen-header,.header{box-shadow:0 4px 0 #c3d6e8,0 12px 26px rgba(16,42,76,.12)!important}
.card,.panel,.metric,.metric-card,.stat-card,.summary-card,.customer-card,.customer-row,.order-card,.order-row,.payment-row,.notice,.settings-card,.settings-row,.menu-item,.form-card,.task-card,.attendance-card,.location-card,.verification-card,.action-card,.customer-action,.secure-message,.inbox-item,.app-detail,.security-panel,.install-guide,.selected-customer,.payment-summary,.history-totals,.owner-app-note,.staff-limit-note,.signup-intro,.permission-list{border:1px solid var(--d-line)!important;border-radius:16px!important;box-shadow:var(--d-shadow),inset 0 1px 0 rgba(255,255,255,.9)!important;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease!important}
.metric-card,.stat-card{background:linear-gradient(145deg,#fff,#f1f7fd)!important}.quick button,.quick-action,.quick-card,.settings-shortcuts button{background:linear-gradient(145deg,#fff,#edf6fe)!important;border:1px solid var(--d-line)!important;border-radius:15px!important;box-shadow:var(--d-shadow),inset 0 1px 0 #fff!important;transition:transform .16s ease,box-shadow .16s ease!important}
button.primary,.primary-btn,.save-btn,.install-button,.share-actions button,.bottom-action{background:linear-gradient(180deg,#1a86e9 0%,var(--d-blue) 64%,#054e9b 100%)!important;border:1px solid #064b92!important;box-shadow:var(--d-blue-shadow),inset 0 1px 0 rgba(255,255,255,.48)!important;text-shadow:0 1px 1px rgba(0,32,72,.3)!important;border-radius:13px!important}
button.secondary,.btn-secondary,.soft,.link-btn,.tabs button{background:linear-gradient(180deg,#fff,#eaf4fd)!important;border:1px solid #bfd7ed!important;box-shadow:0 3px 0 #b6cadc,0 9px 18px rgba(16,42,76,.1),inset 0 1px 0 #fff!important;border-radius:12px!important}
button.danger,.danger-btn,.customer-delete{background:linear-gradient(180deg,#ff777b,#e5484d 66%,#c9363b)!important;color:#fff!important;border:1px solid #be3136!important;box-shadow:var(--d-red-shadow),inset 0 1px 0 rgba(255,255,255,.42)!important;text-shadow:0 1px 1px rgba(80,0,0,.25)!important}
button:active,[role=button]:active,.quick button:active,.install-button:active{transform:translateY(4px) scale(.99)!important;box-shadow:0 1px 0 #7890a8,0 4px 10px rgba(16,42,76,.14)!important}
input,select,textarea,.search,.phone-input{background:linear-gradient(180deg,#f7fbff,#fff 18%)!important;border:1px solid #c6d8e9!important;box-shadow:inset 0 2px 5px rgba(16,42,76,.08),0 2px 0 #fff!important;border-radius:13px!important}
input:focus,select:focus,textarea:focus{box-shadow:inset 0 2px 5px rgba(16,42,76,.06),0 0 0 3px rgba(7,92,182,.14),0 3px 0 #a8c8e6!important}
table,.items-table,#bill{border:1px solid #bdcede!important;border-radius:15px!important;box-shadow:var(--d-shadow),inset 0 1px 0 #fff!important;overflow:hidden!important}th,.item-head{background:linear-gradient(180deg,#eef7ff,#daeafa)!important;text-shadow:0 1px 0 #fff}.item-row>*{background:linear-gradient(180deg,#fff,#f8fbfe)!important}
.avatar,.app-icon,.logo{filter:drop-shadow(0 4px 0 rgba(77,112,145,.25)) drop-shadow(0 10px 12px rgba(16,42,76,.16))}.quick i,.menu-list i,.settings i,.notice i{filter:drop-shadow(0 3px 3px rgba(16,42,76,.2))}
.bottom-nav,.nav-bottom,.tabbar{box-shadow:0 -4px 0 #d1deea,0 -14px 30px rgba(16,42,76,.12)!important}.bottom-nav button.on,.bottom-nav button.active,.tabbar button.active{background:linear-gradient(180deg,#edf7ff,#fff)!important;border-top:3px solid var(--d-blue)!important}
.modal,.dialog,.sheet{box-shadow:0 -6px 0 #c4d5e5,0 -22px 50px rgba(16,42,76,.24),inset 0 1px 0 #fff!important}.fab{background:linear-gradient(180deg,#1a86e9,#075cb6)!important;border:1px solid #064b92!important;box-shadow:0 6px 0 #043f80,0 17px 28px rgba(7,92,182,.3),inset 0 1px 0 rgba(255,255,255,.5)!important}
@media(hover:hover){.card:hover,.panel:hover,.customer-row:hover,.order-card:hover,.quick button:hover,.app-detail:hover{transform:translateY(-3px)!important;box-shadow:0 6px 0 #c4d5e5,0 18px 34px rgba(16,42,76,.16),inset 0 1px 0 #fff!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}