/* Basic styles for Drive V2 */
body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #f6f8fa; }
.container { width: 960px; margin: 20px auto; }
.header { background: #2d6cdf; color: white; padding: 14px 20px; display:flex; align-items:center; justify-content:space-between; }
.header a { color: white; text-decoration: none; margin-left: 10px; }
.card { background: white; padding: 20px; margin-top: 20px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.btn { background: #2d6cdf; color: white; padding: 8px 12px; border: none; border-radius: 4px; cursor:pointer; }
.btn.secondary { background:#6c757d; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 8px 10px; border-bottom: 1px solid #eee; }
.actions { display:flex; gap:8px; }
.preview { max-width: 200px; max-height: 120px; }
.modal { display:none; position:fixed; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.5); align-items:center; justify-content:center; }
.modal .content { background:white; padding:20px; border-radius:6px; max-width:80%; max-height:80%; overflow:auto; }
.form-row { margin-bottom:10px; }
.form-row label { display:block; margin-bottom:6px; font-weight:bold; }
.form-row input, .form-row select { padding:8px; width:100%; box-sizing:border-box; }
.notice { background:#fff3cd; padding:10px; border-radius:6px; border:1px solid #ffeeba; color:#856404; }
.avatar { width:32px; height:32px; background: #fff; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#2d6cdf; font-weight:bold; }
.footer { margin-top: 30px; text-align:center; color:#666; }