@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #6425eb;--accent-secondary: #db2777;--accent-glow: rgba(100, 37, 235, .1);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #0ea5e9;--border-subtle: #e2e8f0;--border-focus: var(--accent-primary);--cert-bg: #fffdf5;--cert-border: #c9a84c;--cert-title: #1a237e;--cert-text: #333333;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px var(--accent-glow)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .2s ease}input,textarea,select{font-family:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.glass{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.glass-hover:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:10px}.app-container{display:flex;min-height:100vh;transition:all .3s ease}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto;background:var(--bg-primary);transition:all .3s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1.5rem}.page-header.compact{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:1.25rem;margin-bottom:2.5rem}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem}.templates-selector{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:2rem}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:0 1rem;align-items:center;justify-content:space-between;z-index:1000}@media (max-width: 1024px){.main-content{padding:2rem 1.5rem}.stats-grid,.templates-grid,.templates-selector{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.app-container{flex-direction:column}.mobile-header{display:flex}.main-content{padding:5rem 1rem 2rem}.sidebar{position:fixed!important;left:-280px;z-index:1001;transition:left .3s ease!important;box-shadow:10px 0 30px #0000001a}.sidebar.mobile-open{left:0!important}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.sidebar-overlay.mobile-open{display:block}.stats-grid,.templates-grid,.templates-selector,.activity-grid,.dashboard-main-grid{grid-template-columns:1fr!important}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:12px;border:1px solid var(--border-subtle)}table{min-width:700px}table td,table th{white-space:nowrap}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem!important}.page-header a,.page-header button{width:100%;justify-content:center}}.sidebar.collapsed{width:80px!important}.sidebar.collapsed .logo h1,.sidebar.collapsed .nav-link span,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.75rem!important}.sidebar.collapsed .logo{justify-content:center;margin-bottom:2rem!important}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes lb-sweep{0%{transform:translate(-100%)}60%{transform:translate(40%)}to{transform:translate(100%)}}@keyframes lb-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes lb-fadeout{0%{opacity:1;width:100%}80%{opacity:1;width:100%}to{opacity:0;width:100%}}.loading-bar{position:absolute;top:0;left:0;height:100%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,var(--accent-primary),#a855f7,var(--accent-secondary));box-shadow:0 0 10px #6425eb99,0 0 4px #6425eb66}.loading-bar--active{width:85%;animation:lb-pulse 1.8s ease-in-out infinite;transition:width 10s cubic-bezier(.1,.05,0,1);overflow:hidden}.loading-bar--active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:lb-sweep 1.6s ease-in-out infinite}.loading-bar--finish{width:100%;animation:lb-fadeout .6s ease-out forwards}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-subtle)}.pagination-left{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.pagination-right{display:flex;gap:.5rem;align-items:center}@media (max-width: 640px){.pagination-container{flex-direction:column!important;gap:1rem!important;align-items:center!important;padding:1rem .75rem!important}.pagination-left{flex-direction:column!important;gap:.75rem!important;align-items:center!important;width:100%!important;text-align:center!important}.pagination-right{width:100%!important;justify-content:center!important;flex-wrap:wrap!important}}