@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--accent-blue:#0ea5e9;--accent-blue-hover:#0284c7;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--danger:#ef4444;--danger-bg:#fee2e2;--border:#f1f5f9;--border-strong:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--text-xs:clamp(.7rem, .65rem + .25vw, .75rem);--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(.9rem, .85rem + .25vw, 1rem);--text-lg:clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1vw, 2rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.5vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.8rem + 2vw, 3.5rem);--space-1:clamp(.25rem, .2rem + .1vw, .25rem);--space-2:clamp(.5rem, .4rem + .25vw, .625rem);--space-3:clamp(.75rem, .6rem + .5vw, 1rem);--space-4:clamp(1rem, .8rem + .75vw, 1.25rem);--space-5:clamp(1.5rem, 1.2rem + 1vw, 2rem);--space-6:clamp(2rem, 1.5rem + 1.5vw, 3rem);--space-8:clamp(3rem, 2.5rem + 2vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.app-container{background-color:#f3f4f6;height:100dvh;display:flex;position:relative;overflow:hidden}.app-container:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#0ea5e926 0%,#fff0 70%);width:50vw;height:50vh;position:absolute;top:-10%;left:-10%}.app-container:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#10b9811a 0%,#fff0 70%);width:50vw;height:50vh;position:absolute;bottom:-10%;right:-10%}.sidebar,.main-content{z-index:1;position:relative}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#fff9;border-right:1px solid #fffc;flex-direction:column;flex-shrink:0;width:260px;height:100dvh;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:clamp(60px,8vh,100px);padding:0 var(--space-5);justify-content:space-between;align-items:center;display:flex}.content-scroll{padding:0 var(--space-5) var(--space-5) var(--space-5);flex:1;overflow:hidden auto}@media (width<=768px){.app-container{height:100dvh}.content-scroll{padding:0 var(--space-3) var(--space-3) var(--space-3)}.sidebar{height:100dvh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 20px 25px -5px #0000001a}.sidebar.open{transform:translate(0)}.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}.card{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff9;border-radius:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{font-weight:500;font-size:var(--text-sm);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:#fff}.btn-primary:hover{background-color:#000}.btn-accent{background-color:var(--accent-blue);color:#fff}.btn-accent:hover{background-color:var(--accent-blue-hover)}.btn-outline{border:1px solid var(--border-strong);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-primary)}.badge{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.input-search{border:1px solid var(--border-strong);background-color:#fff;border-radius:9999px;outline:none;width:100%;max-width:400px;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem}.input-search:focus{border-color:var(--text-primary)}.responsive-table{border-collapse:collapse;text-align:left;width:100%}.responsive-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-strong);padding:1rem .5rem;font-size:.875rem;font-weight:500}.responsive-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:1rem .5rem}@media (width<=768px){.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff6;margin-bottom:1rem;padding:1rem}.responsive-table td{border-bottom:none;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.responsive-table td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.responsive-table td>div,.responsive-table td>span,.responsive-table td>button{text-align:right}}.login-container{background-color:#fff;min-height:100vh;font-family:Inter,sans-serif;display:flex}.login-left{color:#fff;flex-direction:column;flex:1;padding:4rem;display:flex}.login-right{background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem;display:flex}.dashboard-main-grid{gap:var(--space-5);grid-template-columns:2fr 1fr;display:grid}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.kanban-board{gap:var(--space-4);padding-bottom:var(--space-3);flex:1;display:flex;overflow-x:auto}.kanban-column{gap:var(--space-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);min-width:300px;max-width:300px;padding:var(--space-4);border:1px solid var(--border);background-color:#fff9;flex-direction:column;display:flex}@media (width<=1024px){.dashboard-main-grid{grid-template-columns:1fr}}@media (width<=768px){.kanban-board{flex-direction:column;overflow-x:visible}.kanban-column{min-width:100%;max-width:100%}.login-container{flex-direction:column}.login-left{padding:var(--space-4);min-height:auto}.login-right{padding:var(--space-4)}}