@layer base{:root{--tech-blue-primary:#0ea5e9;--tech-blue-secondary:#0284c7;--tech-blue-dark:#0369a1;--tech-blue-light:#7dd3fc;--tech-white:#ffffff;--tech-bg-light:#f0f9ff;--tech-bg-gradient-start:#eff6ff;--tech-bg-gradient-end:#f0f9ff}}.tech-background{background:linear-gradient(135deg,var(--tech-bg-gradient-start) 0,var(--tech-bg-gradient-end) 100%);min-height:100vh;position:relative;overflow-x:hidden}.tech-background:before{top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(14,165,233,.03) 1px,transparent 0),linear-gradient(90deg,rgba(14,165,233,.03) 1px,transparent 0);background-size:50px 50px}.tech-background:after,.tech-background:before{content:"";position:fixed;pointer-events:none;z-index:0}.tech-background:after{top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(14,165,233,.08) 0,transparent 70%)}.tech-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(14,165,233,.15);border-radius:16px;box-shadow:0 4px 6px -1px rgba(14,165,233,.1),0 2px 4px -2px rgba(14,165,233,.1),0 0 0 1px rgba(14,165,233,.05);transition:all .3s ease}.tech-card:hover{box-shadow:0 10px 15px -3px rgba(14,165,233,.15),0 4px 6px -4px rgba(14,165,233,.15),0 0 0 1px rgba(14,165,233,.1);transform:translateY(-2px)}.tech-button-primary{background:linear-gradient(135deg,var(--tech-blue-primary) 0,var(--tech-blue-secondary) 100%);color:white;border:none;padding:12px 24px;border-radius:12px;font-weight:600;box-shadow:0 4px 6px -1px rgba(14,165,233,.3),0 2px 4px -2px rgba(14,165,233,.2);transition:all .3s ease;position:relative;overflow:hidden}.tech-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.tech-button-primary:hover:before{left:100%}.tech-button-primary:hover{box-shadow:0 10px 15px -3px rgba(14,165,233,.4),0 4px 6px -4px rgba(14,165,233,.3);transform:translateY(-2px)}.tech-button-secondary{background:white;color:var(--tech-blue-primary);border:2px solid var(--tech-blue-primary);padding:10px 22px;border-radius:12px;font-weight:600;transition:all .3s ease}.tech-button-secondary:hover{background:var(--tech-blue-primary);color:white;box-shadow:0 4px 6px -1px rgba(14,165,233,.3),0 2px 4px -2px rgba(14,165,233,.2)}.tech-progress-bar{height:8px;background:linear-gradient(90deg,var(--tech-blue-light) 0,var(--tech-blue-primary) 100%);border-radius:4px;overflow:hidden;position:relative}.tech-progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:tech-progress-shimmer 2s infinite}@keyframes tech-progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.tech-input{background:white;border:2px solid rgba(14,165,233,.2);border-radius:12px;padding:12px 16px;transition:all .3s ease}.tech-input:focus{outline:none;border-color:var(--tech-blue-primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.tech-table{width:100%;border-collapse:separate;border-spacing:0}.tech-table th{background:linear-gradient(135deg,var(--tech-blue-primary) 0,var(--tech-blue-secondary) 100%);color:white;font-weight:600;padding:16px;text-align:left;position:relative}.tech-table th:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--tech-blue-light),transparent,var(--tech-blue-light))}.tech-table tr{transition:background-color .2s ease}.tech-table tbody tr:hover{background-color:rgba(14,165,233,.05)}.tech-table td{padding:14px 16px;border-bottom:1px solid rgba(14,165,233,.1)}.tech-badge{padding:6px 14px;border-radius:20px;font-weight:600;font-size:14px;position:relative;overflow:hidden}.tech-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.tech-badge:hover:before{left:100%}.tech-badge-blue{background:linear-gradient(135deg,var(--tech-blue-light),var(--tech-blue-primary));color:white}.tech-badge-green{background:linear-gradient(135deg,#86efac,#22c55e);color:white}.tech-badge-yellow{background:linear-gradient(135deg,#fde047,#eab308);color:white}.tech-badge-red{background:linear-gradient(135deg,#fca5a5,#ef4444);color:white}.tech-heading{background:linear-gradient(135deg,var(--tech-blue-dark),var(--tech-blue-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.tech-divider{height:2px;background:linear-gradient(90deg,transparent,var(--tech-blue-primary),transparent);border:none;margin:24px 0}.tech-icon-container{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--tech-bg-gradient-start),var(--tech-bg-gradient-end));display:flex;align-items:center;justify-content:center;border:2px solid var(--tech-blue-primary);box-shadow:0 4px 6px -1px rgba(14,165,233,.2)}.tech-stat-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.95));backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:2px solid rgba(14,165,233,.15);box-shadow:0 4px 6px -1px rgba(14,165,233,.15),0 2px 4px -2px rgba(14,165,233,.1),inset 0 1px 0 rgba(255,255,255,.6);position:relative;overflow:hidden}.tech-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--tech-blue-primary),var(--tech-blue-light),var(--tech-blue-primary))}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports (padding:max(0px)){.safe-top{padding-top:max(env(safe-area-inset-top),16px)}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom),16px)}.safe-left{padding-left:max(env(safe-area-inset-left),16px)}.safe-right{padding-right:max(env(safe-area-inset-right),16px)}}.mobile-touch{transition:background-color .2s ease,transform .1s ease}.mobile-touch:active{transform:scale(.98)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:white;z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-top-nav{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top,0)}.mobile-modal{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.mobile-input{font-size:16px;-webkit-appearance:none}.mobile-button{-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:all .2s ease}.mobile-button:active{opacity:.8;transform:scale(.98)}.pwa-install-banner{animation:slideUpBanner .3s ease-out}@keyframes slideUpBanner{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){body{font-size:14px;line-height:1.5}.mobile-card-spacing{gap:12px}.mobile-button{min-height:48px;min-width:48px}}