@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--it-green: #008C45;--it-white: #FFFFFF;--it-red: #CD212A;--pv-primary: var(--it-red);--pv-primary-hover: #a11a21;--pv-bg: var(--it-white);--pv-card-bg: #f9fafb;--pv-text-main: #1a1a1a;--pv-text-muted: #9ca3af;--pv-text-light: #d1d5db;--pv-border-glass: 1px solid #f3f4f6;--pv-border-subtle: 1px solid #f3f4f6;--pv-shadow-float: 0 10px 30px rgba(0, 0, 0, .05);--pv-shadow-sm: 0 2px 8px rgba(0, 0, 0, .02);--pv-shadow-glow: none;--pv-radius-lg: 0;--pv-radius-md: 0;--pv-radius-sm: 0;--font-ui: "Inter", sans-serif;--font-display: "DM Serif Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--it-white);color:#1a1a1a;scroll-behavior:smooth;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.serif{font-family:"DM Serif Display",serif}.italic-serif{font-family:"DM Serif Display",serif;font-style:italic}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e5e5e5}.flag-accent{height:2px;background:linear-gradient(to right,var(--it-green) 33%,#e5e5e5 33%,#e5e5e5 66%,var(--it-red) 66%)}.app-container{max-width:1280px;margin:0 auto;padding:2rem}.glass-panel{background:var(--it-white);border:1px solid #f3f4f6}.pv-box{background:var(--it-white)}.pv-input{width:100%;padding:1rem 1.2rem;background:#f9fafb;border:1px solid #e5e5e5;color:#1a1a1a;font-family:inherit;transition:all .3s ease;outline:none}.pv-input:focus{border-color:var(--it-red);background:var(--it-white)}.pv-btn{border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.pv-btn.primary{background:var(--it-red);color:var(--it-white);padding:.75rem 1.5rem}.pv-btn.primary:hover{background:#a11a21}.pv-title{font-family:"DM Serif Display",serif}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(0)}to{transform:translateY(0) rotate(0)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:spinSlow 12s linear infinite}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:#cd212a;color:#fff;font-size:9px;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;border:2px solid white;animation:notifPulse 2s ease-in-out infinite}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notif-dropdown{position:absolute;top:calc(100% + 12px);right:-8px;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #f3f4f6;box-shadow:0 20px 60px #0000001f,0 4px 12px #0000000a;z-index:100;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #f3f4f6}.notif-settings{padding:12px 16px;background:#fafafa;border-bottom:1px solid #f3f4f6}.notif-toggle{position:relative;width:40px;height:22px;border-radius:999px;border:none;cursor:pointer;transition:background .3s ease;flex-shrink:0}.notif-toggle-on{background:#008c45}.notif-toggle-off{background:#d1d5db}.notif-toggle-dot{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .3s ease;box-shadow:0 1px 3px #00000026}.notif-toggle-dot-on{left:21px}.notif-toggle-dot-off{left:3px}.notif-list{max-height:380px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #fafafa}.notif-item:hover{background:#fafafa}.notif-unread{background:#fef9f0}.notif-unread:hover{background:#fdf3e3}.notif-item-avatar{position:relative;flex-shrink:0}.notif-type-icon{position:absolute;bottom:-2px;right:-4px;background:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}@media(max-width:640px){.notif-dropdown{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:70vh;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 16px);border-radius:16px 16px 0 0;box-shadow:0 -10px 40px #00000026}.notif-list{max-height:calc(50vh - max(env(safe-area-inset-bottom,20px),20px))}}