.postit-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:1rem;display:grid}.postit-note{cursor:pointer;background:#feff9c;border-radius:2px;min-height:200px;margin-top:20px;padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s;position:relative;transform:rotate(-1deg);box-shadow:0 10px 20px #00000026,0 6px 10px #0000001f,0 3px 5px #00000014}.postit-pin{z-index:10;width:44px;height:44px;position:absolute;top:-32px;left:30px}.postit-pin:before{content:"";background:radial-gradient(circle at 35% 35%,#4a5568,#1a202c);border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:0;transform:rotate(-25deg);box-shadow:0 4px 8px #0006,inset -3px -3px 5px #0000004d,inset 3px 3px 5px #ffffff1a}.postit-pin:after{content:"";transform-origin:top;background:linear-gradient(#718096 0%,#4a5568 50%,#2d3748 100%);border-radius:0 0 50% 50%;width:4px;height:25px;position:absolute;top:23px;left:13px;transform:rotate(-25deg);box-shadow:1px 0 3px #0000004d,-1px 0 2px #ffffff1a}.postit-yellow .postit-pin:before{background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706)}.postit-pink .postit-pin:before{background:radial-gradient(circle at 35% 35%,#ec4899,#be185d)}.postit-blue .postit-pin:before{background:radial-gradient(circle at 35% 35%,#3b82f6,#1e40af)}.postit-green .postit-pin:before{background:radial-gradient(circle at 35% 35%,#10b981,#047857)}.postit-orange .postit-pin:before{background:radial-gradient(circle at 35% 35%,#f97316,#c2410c)}.postit-note:hover{z-index:10;transform:rotate(0)scale(1.02);box-shadow:0 20px 30px #00000040,0 12px 18px #0000002e,0 6px 10px #0000001f}.postit-note:nth-child(2n){transform:rotate(1deg)}.postit-note:nth-child(3n){transform:rotate(-2deg)}.postit-yellow{background:linear-gradient(135deg,#feff9c 0%,#fff740 100%)}.postit-pink{background:linear-gradient(135deg,#ffb3d9 0%,#ff80bf 100%)}.postit-blue{background:linear-gradient(135deg,#a8e6ff 0%,#7dd3fc 100%)}.postit-green{background:linear-gradient(135deg,#b8f5b8 0%,#86efac 100%)}.postit-orange{background:linear-gradient(135deg,#ffd4a3 0%,#ffb366 100%)}.postit-header{border-bottom:1px dashed #0000001a;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.postit-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.status-neu{color:#1e40af;background:#dbeafe}.status-in_bearbeitung{color:#c2410c;background:#fed7aa}.status-erledigt{color:#065f46;background:#d1fae5}.status-umgesetzt{color:#6b21a8;background:#e9d5ff}.postit-message{color:#1f2937;word-wrap:break-word;min-height:80px;margin-bottom:1rem;font-size:1rem;line-height:1.6}.postit-footer{border-top:1px dashed #0000001a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.postit-reactions{align-items:center;gap:1rem;display:flex}.postit-reaction-btn{cursor:pointer;background:#ffffff80;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.postit-reaction-btn:hover{background:#fffc;transform:scale(1.05)}.postit-reaction-btn.active{background:#3b82f633;border:1px solid #3b82f680}.postit-replies-btn{cursor:pointer;color:#4b5563;background:#ffffff80;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.postit-replies-btn:hover{background:#fffc;transform:scale(1.05)}.postit-author{color:#6b7280;margin-top:.5rem;font-size:.75rem;font-style:italic}@media (max-width:768px){.postit-container{grid-template-columns:1fr;gap:1.5rem;padding:.5rem}.postit-note{min-height:180px}.postit-message{font-size:.95rem}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(-1deg)}}.postit-note.new{animation:.5s ease-out fadeInScale}.postit-loading{color:#6b7280;justify-content:center;align-items:center;min-height:200px;display:flex}.postit-empty{text-align:center;color:#6b7280;padding:3rem 1rem}.postit-empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.postit-empty-text{font-size:1.125rem;font-weight:500}.postit-modal-replies{max-height:400px;margin-bottom:1rem;overflow-y:auto}.postit-reply-item{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:.5rem;margin-bottom:.75rem;padding:1rem}.postit-reply-author{color:#1f2937;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.postit-reply-message{color:#4b5563;margin-bottom:.5rem;line-height:1.5}.postit-reply-date{color:#9ca3af;font-size:.75rem}.postit-reply-form{flex-direction:column;gap:.75rem;display:flex}.postit-reply-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;width:100%;min-height:100px;padding:.75rem;font-family:inherit;font-size:.875rem}.postit-reply-textarea:focus{ring:2px;ring-color:#3b82f633;border-color:#3b82f6;outline:none}