/** * DORA Modern Design System * Global styles and design tokens */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');:root{ --color-primary:#667eea;--color-primary-dark:#5568d3;--color-primary-light:#7e8ff0;--color-secondary:#764ba2;--color-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%); --color-dark:#2c3e50;--color-dark-light:#34495e;--color-gray:#7f8c8d;--color-gray-light:#95a5a6;--color-light:#ecf0f1;--color-white:#ffffff; --color-success:#27ae60;--color-warning:#f39c12;--color-error:#e74c3c;--color-info:#3498db; --font-primary:'Inter','Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-heading:'Inter','Open Sans',sans-serif; --text-xs:0.75rem; --text-sm:0.875rem; --text-base:1rem; --text-lg:1.125rem; --text-xl:1.25rem; --text-2xl:1.5rem; --text-3xl:1.875rem; --text-4xl:2.25rem; --text-5xl:3rem;  --space-xs:0.25rem; --space-sm:0.5rem; --space-md:1rem; --space-lg:1.5rem; --space-xl:2rem; --space-2xl:3rem; --space-3xl:4rem;  --radius-sm:0.375rem; --radius-md:0.5rem; --radius-lg:0.75rem; --radius-xl:1rem; --radius-2xl:1.25rem; --radius-full:9999px; --shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25); --transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease; --z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:var(--font-primary);color:var(--color-dark);background:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--space-md);color:var(--color-dark);}h1{font-size:var(--text-5xl);}h2{font-size:var(--text-4xl);font-family:'Poppins','Inter','Open Sans',sans-serif;font-weight:700;background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;padding-bottom:var(--space-sm);}h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--color-gradient);border-radius:2px;}h3{font-size:var(--text-3xl);}h4{font-size:var(--text-2xl);}h5{font-size:var(--text-xl);}h6{font-size:var(--text-lg);}p{margin-bottom:var(--space-md);line-height:1.7;}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);}a:hover{color:var(--color-primary-dark);}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg);}.container-fluid{width:100%;padding:0 var(--space-lg);}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.items-center{align-items:center;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-around{justify-content:space-around;}.gap-sm{gap:var(--space-sm);}.gap-md{gap:var(--space-md);}.gap-lg{gap:var(--space-lg);}.grid{display:grid;}.grid-cols-2{grid-template-columns:repeat(2,1fr);}.grid-cols-3{grid-template-columns:repeat(3,1fr);}.grid-cols-4{grid-template-columns:repeat(4,1fr);}.mt-auto{margin-top:auto;}.mb-sm{margin-bottom:var(--space-sm);}.mb-md{margin-bottom:var(--space-md);}.mb-lg{margin-bottom:var(--space-lg);}.mb-xl{margin-bottom:var(--space-xl);}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.text-primary{color:var(--color-primary);}.text-dark{color:var(--color-dark);}.text-gray{color:var(--color-gray);}.text-white{color:var(--color-white);}.font-bold{font-weight:700;}.font-semibold{font-weight:600;}.font-medium{font-weight:500;}.bg-primary{background:var(--color-primary);}.bg-gradient{background:var(--color-gradient);}.bg-white{background:var(--color-white);}.bg-light{background:var(--color-light);}.rounded-sm{border-radius:var(--radius-sm);}.rounded-md{border-radius:var(--radius-md);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-xl{border-radius:var(--radius-xl);}.rounded-2xl{border-radius:var(--radius-2xl);}.rounded-full{border-radius:var(--radius-full);}.shadow-sm{box-shadow:var(--shadow-sm);}.shadow-md{box-shadow:var(--shadow-md);}.shadow-lg{box-shadow:var(--shadow-lg);}.shadow-xl{box-shadow:var(--shadow-xl);}.shadow-2xl{box-shadow:var(--shadow-2xl);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:0.75rem 1.5rem;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;font-size:var(--text-base);}.btn-primary{background:var(--color-gradient);color:var(--color-white);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,0.3);}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary);}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);}.btn-lg{padding:1rem 2rem;font-size:var(--text-lg);}.btn-sm{padding:0.5rem 1rem;font-size:var(--text-sm);}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-xl);transition:all var(--transition-base);}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);}.card-header{margin-bottom:var(--space-lg);}.card-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm);}.card-body{color:var(--color-gray);line-height:1.7;}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0.25rem 0.75rem;background:rgba(102,126,234,0.1);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;}.badge-success{background:rgba(39,174,96,0.1);color:var(--color-success);}.badge-warning{background:rgba(243,156,18,0.1);color:var(--color-warning);}.badge-error{background:rgba(231,76,60,0.1);color:var(--color-error);}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.animate-fade-in{animation:fadeIn 0.5s ease;}.animate-fade-in-up{animation:fadeInUp 0.6s ease;}.animate-fade-in-down{animation:fadeInDown 0.6s ease;}.animate-slide-in-right{animation:slideInRight 0.5s ease;}.animate-pulse{animation:pulse 2s ease-in-out infinite;}.animate-spin{animation:spin 1s linear infinite;}@media (max-width:1024px){:root{--text-5xl:2.5rem;--text-4xl:2rem;--text-3xl:1.75rem;}.grid-cols-4{grid-template-columns:repeat(2,1fr);}.grid-cols-3{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){:root{--text-5xl:2rem;--text-4xl:1.75rem;--text-3xl:1.5rem;}.container,.container-fluid{padding:0 var(--space-md);}.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr;}.flex-col-mobile{flex-direction:column;}}@media (prefers-color-scheme:dark){:root{--color-dark:#ecf0f1;--color-white:#1a1a2e;--color-light:#2c3e50;}body.dark-mode{background:#1a1a2e;color:#ecf0f1;}.dark-mode .card{background:#2c3e50;color:#ecf0f1;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.focus-visible:focus{outline:2px solid var(--color-primary);outline-offset:2px;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}