body{background:#f4f6f8;color:#333;font-family:Segoe UI,Roboto,Arial,sans-serif}.div-body{display:flex;min-height:100vh}.div-body-right{flex:1;padding:30px;background:#f9fafb}.div-body-left{width:260px;background:#1f2937;padding:20px;color:#fff}.div-body-left a{display:block;padding:10px 12px;margin-bottom:8px;color:#d1d5db;text-decoration:none;border-radius:6px;transition:.2s}.div-body-left a:hover{background:#374151;color:#fff}.button-logout{background:#dc2626;color:#fff!important}.button-logout:hover{background:#bb1e1e}button{padding:10px 18px;border-radius:6px;border:none;cursor:pointer;font-weight:500}button.btn-primary{background:#2563eb;color:#fff}button.btn-primary:hover{background:#1350d4}button.btn-success{background:#059669;color:#fff}.div-drop{background-color:#ccc;border:2px dotted #888888;color:#444;width:800px;text-align:center;padding:40px 0;border-radius:10px;font-weight:700;margin:0 auto;position:relative}.div-drop input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}