@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--accent: #4ebee3;--accent-light: rgba(236, 254, 255, .8);--accent-bg-8: rgba(78, 190, 227, .08);--accent-bg-12: rgba(78, 190, 227, .12);--accent-border-30: rgba(78, 190, 227, .3);--accent-border-50: rgba(78, 190, 227, .5);--accent-border-85: rgba(78, 190, 227, .85);--accent-shadow-8: rgba(78, 190, 227, .08);--accent-shadow-12: rgba(78, 190, 227, .12);--accent-shadow-15: rgba(78, 190, 227, .15);--accent-shadow-20: rgba(78, 190, 227, .2);--bg-primary: #ebeff5;--bg-white: #ffffff;--bg-white-80: rgba(255, 255, 255, .8);--bg-white-85: rgba(255, 255, 255, .85);--bg-white-90: rgba(255, 255, 255, .9);--bg-white-95: rgba(255, 255, 255, .95);--bg-gray-50: #f8fafc;--bg-gray-50-90: rgba(248, 250, 252, .9);--bg-gray-100: #f1f5f9;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #64748b;--text-muted-dark: #475569;--text-white: #ffffff;--border-gray: #e2e8f0;--border-gray-60: rgba(188, 195, 204, .6);--border-gray-80: rgba(226, 232, 240, .8);--border-gray-light: rgba(148, 163, 184, .3);--border-accent-light: rgba(165, 243, 252, .4);--border-white-30: rgba(255, 255, 255, .3);--status-red: #ef4444;--status-red-dark: #dc2626;--status-yellow: #fbbf24;--shadow-blue: rgba(107, 145, 191, .14);--shadow-red: rgba(239, 68, 68, .3);--shadow-black-4: rgba(0, 0, 0, .04);--shadow-black-6: rgba(0, 0, 0, .06);--shadow-white: rgba(255, 255, 255, .9)}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);-webkit-font-smoothing:antialiased}app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.panel{background:var(--bg-white-90);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(.875rem,1.3vw,1.125rem);border:1px solid var(--border-gray-80);padding:clamp(.875rem,1.3vw,1.125rem) clamp(1rem,1.5vw,1.25rem);display:flex;flex-direction:column;gap:clamp(.75rem,1.2vw,1rem);flex:1 1 auto;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.panel-title{margin:0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.panel-body{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}
