*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #FFD600;--color-accent: #FF3B3B;--color-bg: #FFF9E6;--color-surface: #FFFFFF;--color-sidebar: #111111;--color-text: #111111;--color-muted: #6B7280;--shadow-brutal: 6px 6px 0px #000;--shadow-brutal-sm: 4px 4px 0px #000;--shadow-brutal-lg: 8px 8px 0px #000}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:"DM Serif Display",serif}.brutal-btn{border:3px solid #000;box-shadow:var(--shadow-brutal);font-weight:700;background:var(--color-primary);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.875rem;min-height:44px;padding:10px 20px;color:#000;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.2}.brutal-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.brutal-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.brutal-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.brutal-btn.btn-sm{min-height:36px;padding:6px 14px;font-size:.8125rem;box-shadow:var(--shadow-brutal-sm)}.brutal-btn.btn-sm:hover{box-shadow:6px 6px #000}.brutal-card{border:3px solid #000;box-shadow:var(--shadow-brutal-lg);background:var(--color-surface);padding:24px}.brutal-input{border:3px solid #000;font-weight:600;font-family:DM Sans,sans-serif;padding:10px 14px;font-size:.9375rem;background:#fff;color:#000;min-height:44px;width:100%;transition:outline .1s}.brutal-input:focus{outline:3px solid var(--color-accent);outline-offset:2px}.brutal-input::placeholder{color:#9ca3af;font-weight:500}.upload-zone{border:3px dashed #000;background:#fafafa;transition:background .2s ease;cursor:pointer}.upload-zone:hover,.upload-zone.drag-over{background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.error-box{border:3px solid var(--color-accent);background:#fff0f0;padding:12px 16px;font-weight:700;color:#000}@keyframes brutalPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}.brutal-pulse{animation:brutalPulse 1.4s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .35s ease-out}@keyframes dotPulse{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.animate-dots:after{content:"";animation:dotPulse 1.5s steps(4,end) infinite}.photo-card{border:3px solid #000;box-shadow:var(--shadow-brutal-sm);transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.photo-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-lg)}.status-badge{border:2px solid #000;padding:2px 10px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.draft{background:#fef3c7;color:#92400e}.status-badge.completed{background:#e0e7ff;color:#3730a3}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 16px;font-weight:600;font-size:.9375rem;color:#9ca3af;transition:all .15s ease;border-left:3px solid transparent}.sidebar-link:hover{color:#fff;background:#ffffff0d}.sidebar-link.active{color:var(--color-primary);background:#ffffff14;border-left-color:var(--color-primary)}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}