@tailwind base;@tailwind components;@tailwind utilities;.modern-register-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.modern-register-card{background:#fffffff2;border:none;border-radius:1.25rem;width:100%;max-width:26rem;padding:2.5rem;position:relative;box-shadow:0 20px 40px #0000001a}.modern-register-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.875rem 1.125rem;font-size:.9rem;transition:all .2s}.modern-register-input::placeholder{color:#64748b}.modern-register-input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.modern-register-input:hover{border-color:#cbd5e1}.modern-register-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:.75rem;width:100%;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6366f133}.modern-register-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.modern-register-button:active{transform:translateY(0)}.modern-role-button{cursor:pointer;color:#475569;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.75rem;padding:.875rem 1.125rem;font-size:.875rem;font-weight:500;transition:all .2s}.modern-role-button.active{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 2px 8px #6366f133}.modern-role-button:hover{background:#f1f5f9;border-color:#cbd5e1}.modern-role-button.active:hover{background:#5856eb}.decorative-circle{pointer-events:none;opacity:.6;border-radius:50%;position:absolute}.circle-1{background:linear-gradient(45deg,#6366f11a,#8b5cf61a);width:6rem;height:6rem;animation:6s ease-in-out infinite float;top:10%;left:5%}.circle-2{background:linear-gradient(45deg,#8b5cf61a,#a855f71a);width:4rem;height:4rem;animation:6s ease-in-out 2s infinite float;top:20%;right:10%}.circle-3{background:linear-gradient(45deg,#6366f114,#8b5cf614);width:8rem;height:8rem;animation:6s ease-in-out 4s infinite float;bottom:20%;left:8%}.circle-4{background:linear-gradient(45deg,#a855f71a,#6366f11a);width:3rem;height:3rem;animation:6s ease-in-out 1s infinite float;bottom:30%;right:5%}.modern-login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.modern-login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:.75rem;width:100%;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6366f133}.modern-login-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}@keyframes blob{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animate-blob{animation:7s infinite blob}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.animate-float{animation:6s ease-in-out infinite float}.animate-shimmer{background:linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/800px 104px;animation:2s linear infinite shimmer}.bg-grid-pattern{background-image:linear-gradient(#0000001a 1px,#0000 1px),linear-gradient(90deg,#0000001a 1px,#0000 1px);background-size:20px 20px}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.glass-dark{-webkit-backdrop-filter:blur(10px);background:#00000040;border:1px solid #ffffff1a}@layer base{:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--radius:.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}@apply border-border;@apply bg-background text-foreground;body{font-feature-settings:"rlig" 1,"calt" 1}}@layer components{@apply w-22 h-22 rounded-lg border-2 border-gray-300 bg-white shadow-lg hover:shadow-xl active:scale-95 transition-all duration-150 focus:ring-4 focus:ring-accessible-focus focus:outline-none flex flex-col items-center justify-center gap-2 p-4;.pictogram-button:active{animation:.15s ease-out press-feedback}@apply bg-pecs-green border-pecs-green;.success-feedback{animation:.5s ease-out success-pulse}@apply text-safe-contrast font-semibold;@apply flex gap-4 p-4 bg-gray-50 rounded-lg overflow-x-auto;@apply px-6 py-3 rounded-full bg-white border-2 border-gray-300 hover:bg-gray-50 active:scale-95 transition-all duration-150 whitespace-nowrap flex-shrink-0 high-contrast-text;@apply bg-pecs-blue text-white border-pecs-blue;@apply grid gap-4 p-4;.pictogram-grid{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}.pictograms-panel{flex-direction:column;gap:.75rem;max-height:80vh;display:flex;position:relative;padding:.75rem!important}@media (max-width:1024px){.pictograms-panel{border-radius:.75rem;gap:.75rem;height:auto;max-height:none}.pictograms-scroll{max-height:none;overflow-y:visible}}.pictograms-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.pictograms-scroll::-webkit-scrollbar{width:6px}.pictograms-scroll::-webkit-scrollbar-track{background:0 0}.pictograms-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media (max-width:520px){.pictos-subtitle{display:none!important}.pictograms-panel{padding:.5rem!important}}@media (max-width:420px){.pictograms-panel{height:auto}}@media (max-width:340px){.pictograms-panel .pictograms-scroll{padding-bottom:60px}}@media (max-width:640px){@apply py-1 px-2 text-xs;.pictograms-panel .mantine-Group-root{row-gap:.25rem}}@apply animate-spin rounded-full h-8 w-8 border-4 border-gray-300 border-t-pecs-blue;}audio{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){@apply w-24 h-24;@apply px-8 py-4;}@media (max-width:1024px){[data-dashboard-container]{-webkit-overflow-scrolling:touch!important;height:100vh!important;padding-bottom:env(safe-area-inset-bottom,20px)!important;position:relative!important;overflow-y:auto!important}[data-pictogram-grid]{touch-action:pan-y!important;overscroll-behavior:contain!important;height:auto!important;min-height:auto!important;overflow:visible!important}[data-picto-card]{touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:#0000001a!important}.mantine-Container-root{height:auto!important;overflow:visible!important}.mantine-Container-root:last-child{padding-bottom:calc(env(safe-area-inset-bottom,20px) + 40px)!important}}@supports (-webkit-touch-callout:none){@media (max-width:1024px){[data-dashboard-container]{-webkit-overflow-scrolling:touch!important;transform:translate(0,0)!important}[data-pictogram-grid]{will-change:scroll-position!important;transform:translate(0,0)!important}}}.pro-shell{background:#f6f7fb;min-height:100vh}.pro-header{z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;box-shadow:0 1px #1118270a}.pro-header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.pro-brand{align-items:center;gap:12px;display:flex}.pro-logo{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 16px #6366f140}.pro-title{color:#0f172a;letter-spacing:.2px;font-size:18px;font-weight:800}.pro-subtitle{color:#6b7280;margin-top:2px;font-size:12px}.pro-user{text-align:right;margin-right:12px}.pro-user-name{color:#111827;font-size:14px;font-weight:600}.pro-user-role{color:#6b7280;text-transform:capitalize;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pro-dot{border-radius:9999px;width:8px;height:8px;display:inline-block}.pro-dot--green{background:#10b981}.pro-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pro-btn:hover{background:#f9fafb}.pro-btn--primary{color:#fff;background:#111827;border-color:#111827}.pro-btn--primary:hover{background:#0b1220}.pro-icon{width:16px;height:16px}.pro-container{max-width:1200px;margin:0 auto;padding:24px}.pro-h2{color:#0f172a;margin:4px 0 6px;font-size:22px;font-weight:800}.pro-muted{color:#6b7280;max-width:720px;font-size:14px}.pro-cards{grid-template-columns:repeat(12,1fr);gap:20px;margin-top:20px;display:grid}.pro-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-column:span 12;padding:18px;transition:box-shadow .15s,border-color .15s;box-shadow:0 1px 2px #0000000a}@media (min-width:640px){.pro-card{grid-column:span 6}}@media (min-width:1024px){.pro-card{grid-column:span 3}}.pro-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #0f172a0f}.pro-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pro-badge{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.pro-badge.blue{color:#2563eb;background:#eff6ff}.pro-badge.green{color:#059669;background:#ecfdf5}.pro-badge.purple{color:#7c3aed;background:#f5f3ff}.pro-badge.gray{color:#374151;background:#f3f4f6}.pro-card-title{color:#0f172a;font-size:16px;font-weight:700}.pro-card-sub{color:#6b7280;margin-top:4px;font-size:13px}.pro-card-cta{color:#374151;font-size:12px;font-weight:600}.pro-quick{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 10px;display:grid}.pro-tile{aspect-ratio:1;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;place-items:center;padding:10px;transition:all .15s;display:grid}.pro-tile:hover{border-color:#d1d5db;box-shadow:0 8px 24px #0f172a0f}.pro-tile .label{color:#111827;margin-top:6px;font-size:12px;font-weight:600}.pro-section{margin-top:24px}.pro-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (min-width:640px){.pro-section-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.pro-section-grid{grid-template-columns:repeat(6,1fr)}}.pro-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:14px}.pro-picto-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (min-width:640px){.pro-picto-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.pro-picto-grid{grid-template-columns:repeat(6,1fr)}}.arasaac-grid img{object-fit:contain;width:80px!important;height:80px!important}.arasaac-grid button{flex-direction:column;justify-content:center;align-items:center;display:flex}.pro-panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pro-panel-title{color:#0f172a;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.pro-panel-muted{color:#6b7280;font-size:13px}.arasaac-grid .arasaac-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:6px;height:150px;padding:8px;display:flex}.arasaac-grid .arasaac-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;line-height:16px;overflow:hidden}