*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}.app{padding:20px;max-width:1400px;margin:0 auto}header{text-align:center;margin-bottom:25px}header h1{font-size:2rem;background:linear-gradient(90deg,#00d9ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}header p{color:#888;font-size:.9rem}.stats{display:flex;justify-content:center;gap:30px;margin-bottom:25px;flex-wrap:wrap}.stat{text-align:center}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.8rem;color:#888}.admin-bar{text-align:center;margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:10px}.btn{display:inline-block;margin:5px 10px;padding:10px 20px;background:linear-gradient(90deg,#3b82f6,#a855f7);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;border:none;cursor:pointer;transition:transform .2s,opacity .2s}.btn:hover{transform:scale(1.05);opacity:.9}.btn-secondary{background:#ffffff1a}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.column{background:#ffffff0d;border-radius:12px;padding:15px;min-height:400px}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.1)}.column-title{font-weight:600;font-size:1rem;display:flex;align-items:center;gap:8px}.column-count{background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:.8rem;margin-left:8px}.column.todo .column-title{color:#f59e0b}.column.inprogress .column-title{color:#3b82f6}.column.done .column-title{color:#10b981}.tasks{min-height:100px}.task{background:#ffffff14;border-radius:8px;padding:12px;margin-bottom:10px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.task:hover{background:#ffffff1f;transform:translate(3px)}.column.todo .task{border-left-color:#f59e0b}.column.inprogress .task{border-left-color:#3b82f6}.column.done .task{border-left-color:#10b981}.task-title{font-weight:500;margin-bottom:5px}.task-title a{color:inherit;text-decoration:none}.task-title a:hover{text-decoration:underline}.task-desc{font-size:.85rem;color:#aaa;margin-bottom:8px;line-height:1.4}.task-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#666}.loading{text-align:center;padding:40px;color:#888}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#a855f7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:40px;color:#ef4444}.empty{text-align:center;color:#666;padding:20px}footer{text-align:center;margin-top:40px;padding:20px;color:#666;font-size:.8rem}footer a{color:#a855f7;text-decoration:none}footer a:hover{text-decoration:underline}.drag-over{background:#a855f71a;border:2px dashed #a855f7}