:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}body{margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;color:#000}.container{padding:20px;margin:0 auto}.header{display:flex;justify-content:space-between;background:#f3f3f3;padding:10px 20px;border-radius:8px;margin-bottom:20px;font-weight:700;width:100%}.current-shift,.past-shifts{background:#fafafa;padding:20px;border-radius:8px;margin-bottom:20px}.shift-info{margin:10px 0}.buttons{display:flex;gap:10px}button{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-weight:700}.end-shift{background-color:#ff4d4f;color:#fff}.download-report{background-color:#1890ff;color:#fff}.past-shifts .shift{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #ddd}.shift-info-wrapper{display:flex;flex-direction:column;align-items:end;justify-content:end}.shift-row{display:flex;align-items:center;justify-content:center;gap:6px}.shift-title{font-size:14px;font-weight:400;color:gray}.modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px;display:flex;flex-direction:column;gap:10px}.modal input{padding:10px;border:1px solid #ccc;border-radius:6px;background-color:transparent}.modal .confirm{background-color:#52c41a;color:#fff}