.kds-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .kds-col{background:#f5f5f5;border-radius:14px;padding:18px;border:3px solid transparent} .kds-col h2{text-align:center;font-size:32px;margin:0 0 12px;font-weight:800;letter-spacing:1px} .kds-col.new{border-color:#e74c3c} .kds-col.in_progress{border-color:#f39c12} .kds-col.completed{border-color:#27ae60} .kds-order{background:#fff;border-radius:12px;padding:18px;margin:14px 0;box-shadow:0 6px 18px rgba(0,0,0,.06)} .kds-order .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px} .kds-order h3{font-size:28px;margin:0;font-weight:800} .kds-order .time{font-size:16px;color:#666} .kds-order ul{list-style:disc;margin:10px 0 8px 24px;padding:0} .kds-order li{font-size:22px;margin:6px 0} .kds-order .qty{font-weight:800;margin-right:8px} .kds-order .name{font-weight:500} .kds-order .btns{margin-top:10px} .kds-order .btn{display:inline-block;margin:6px 8px 0 0;padding:12px 18px;font-size:18px;font-weight:800;border:none;border-radius:9px;cursor:pointer;color:#fff;transition:transform .05s ease} .kds-order .btn:active{transform:scale(.98)} .kds-order .btn.start{background:#f39c12} .kds-order .btn.start:hover{background:#d68910} .kds-order .btn.done{background:#27ae60} .kds-order .btn.done:hover{background:#1e8449} .kds-order .btn.back{background:#3498db} .kds-order .btn.back:hover{background:#2c81ba} .kds-logout{text-align:right;margin-bottom:10px} .kds-logout a.kds-logout-btn{background:#c0392b;color:#fff;padding:10px 18px;border-radius:6px;font-weight:700;text-decoration:none} .kds-logout a.kds-logout-btn:hover{background:#922b21} @media (max-width:1200px){.kds-container{grid-template-columns:1fr}.kds-col h2{font-size:28px}.kds-order h3{font-size:24px}.kds-order li{font-size:20px}}