body { background: #f8fafc; }
.top-header { position: sticky; top: 0; z-index: 1000; }
.app-footer { position: sticky; bottom: 0; background: #fff; }
.side-panel { min-height: calc(100vh - 96px); }
.menu-link {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 8px;
    margin: 4px 8px;
}
.menu-link:hover { background: rgba(255,255,255,.08); }
.stack-column { min-height: 300px; background: #f1f5f9; border-radius: 10px; padding: 8px; }
.stack-task {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #dbeafe;
    padding: 8px;
    margin-bottom: 8px;
    cursor: move;
}
.login-wrap { min-height: 100vh; }
.login-left { background-size: cover; background-position: center; min-height: 100vh; }
.login-right { display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.queue-board { display: grid; grid-template-columns: 240px 1fr; gap: 12px; }
.queue-draft {
    background: #ffffff;
    border: 2px dashed #3b82f6;
    border-radius: 10px;
    padding: 12px;
    cursor: grab;
    height: fit-content;
}
.queue-draft.dragging { opacity: .55; }
.queue-list { display: grid; gap: 8px; }
.queue-dropzone {
    background: #eef2ff;
    border: 1px dashed #93c5fd;
    border-radius: 8px;
    padding: 6px 10px;
    color: #334155;
    font-size: 12px;
}
.queue-dropzone.active {
    background: #dbeafe;
    border-color: #2563eb;
    color: #1e3a8a;
}
.queue-item {
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    padding: 8px;
}