@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #F8FAFD;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-hover: #F1F3F4;--bg-selected: #E8F0FE;--blue: #1A73E8;--blue-hover: #1558B0;--blue-light: #E8F0FE;--green: #34A853;--green-light: #E6F4EA;--amber: #FBBC04;--amber-light: #FEF7E0;--red: #EA4335;--red-light: #FCE8E6;--purple: #A142F4;--purple-light: #F3E8FD;--orange: #FA7B17;--orange-light: #FEF0E6;--safety-color: #1A73E8;--security-color: #EA4335;--familiarization-color: #34A853;--text-main: #202124;--text-secondary: #5F6368;--text-tertiary: #80868B;--text-on-blue: #FFFFFF;--border: #DADCE0;--border-hover: #BDC1C6;--shadow-sm: 0 1px 2px rgba(60,64,67,.1), 0 1px 3px 1px rgba(60,64,67,.08);--shadow-md: 0 1px 3px rgba(60,64,67,.15), 0 4px 8px 3px rgba(60,64,67,.1);--shadow-lg: 0 2px 6px rgba(60,64,67,.15), 0 8px 24px rgba(60,64,67,.12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--sidebar-width: 256px;--header-height: 64px;--font-display: "Google Sans", "Roboto", Arial, sans-serif;--font-body: "Roboto", Arial, sans-serif}html,body{height:100%;font-family:var(--font-body);background:var(--bg-app);color:var(--text-main);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;color:var(--text-main)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.app-shell{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.app-content{flex:1;overflow-y:auto;padding:var(--space-6);padding-top:calc(var(--header-height) + var(--space-6))}@media (max-width: 768px){.app-main{margin-left:0}.app-content{padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:80px}}